2013-04-23 110 views
1

我有一個kendo ui datawiz(圖表)組件,我在手機中使用它,並且當有大量數據時,我完全顯示購物車存在問題..圖例似乎與該chart..below是,我using..is那裏,我需要改變,這樣的傳說不與圖表重疊任何配置的代碼..kendo ui圖表傳奇與圖表重疊

$("#chart").kendoChart({ 
        title: { 
         text: applicationData.selectedKPI.descr, 
         color: '#00337f', 
         font: "bold 16px Segoe UI,sans-serif" 

        }, 
        seriesDefaults: { 
         type: applicationData.selectedKPI.chartType 
        }, 
        chartArea: { 
         background: '#c5deca' 
        }, 
        legend: { 
         visible: true, 
         position: "bottom", 
         offsetX: 20, 
         offsetY: 15, 
         labels: { 
          //font: "9px Arial,Helvetica,sans-serif" 
         }, 

        }, 
        dataSource: { 
         data: applicationData.selectedKPI.chartData 
        }, 
        series: [{ 
         field: "series", 
         startAngle: 40, 
         categoryField: "categories", 
         labels: { 
          visible: true, 
          background: "transparent", 
          //position: "outsideEnd", 
          //template: "#= value#", 
          format: applicationData.selectedKPI.valAxisFmt, 
          padding: -10, 
          margin: 10 
          //font: "9px Arial,Helvetica,sans-serif"        
         } 
        }], 
        categoryAxis: { 
         categories: applicationData.selectedKPI.chartCategories, 
         majorGridLines: { 
          visible: false 
         }, 
         labels: { 
          rotation: getCatRot(applicationData.selectedKPI.chartType) 
         } 
        }, 
        valueAxis: { 
         labels: { 
          step: 3, 
          rotation: getValRot(applicationData.selectedKPI.chartType), 
          format: applicationData.selectedKPI.valAxisFmt 
         } 
        }, 
        tooltip: { 
         visible: true, 
         format: "{0}" 

        } 
       }).data("kendoChart"); 
+0

您是否修復了圖表?我也有同樣的問題。 – ccsakuweb 2014-05-09 12:04:39

+0

我遇到了這個問題,我提出的解決方案是實現圖表鑽取。當點擊某個區域時,我用來獲取與該區域相關的數據並刷新圖表。 – 2014-05-13 15:17:59

回答

1

您可以只需添加一些旋轉圖表傳說。而不是顯示傳說成水平線,你可以將它們移動到像320.The一塊你需要使用該代碼的一些角度,只是下面的屬性添加到標籤對象是這樣的:

legend: { 
    visible: true, 
    position: "bottom", 
    offsetX: 20, 
    offsetY: 15, 
    labels: { 
     //font: "9px Arial,Helvetica,sans-serif" 
    } 
} 
0

在MVC模式,您可以使用:

.Legend(legend => legend 
.Position(ChartLegendPosition.Bottom).Labels(x => x.Font(font: "9px Arial,Helvetica,sans-serif") 
) 
)