在kendoUI圖表類別軸上顯示多個標籤

是否有任何可能性在類別軸中顯示多個標籤？我需要在我的數據源中顯示兩個字段在我的類別軸（是的，沒有多類別軸，我需要在同一個類別軸上顯示多個字段，請幫助如果我錯過了搜索任何相關主題。在此先感謝。在kendoUI圖表類別軸上顯示多個標籤

2015-09-12 Praveen Joshi

歡迎＃1。分享你已經嘗試過的代碼。 – Daenarys

的CategoryAxis：{ 場：「年」，標籤：{ 旋轉：-90 }} ，對不起，沒有把整個代碼。我是這個堆棧溢出的新手，無法評論整個代碼。我只需要在這個類別軸上獲得另一個字段。命名爲「Group」，與年份相同，並且兩者都應該在類別軸中可見。 –

您可以在類別軸中使用標籤模板：http://dojo.telerik.com/@ezanker/etoNO – ezanker

在你的系列中，你可以定義模板標籤上顯示你從它被綁定到項目所需的內容。

series: [ 
     { 
     field: 'totalVisits', 
     name: 'Total Visits', 
     labels: { 
      visible: true, 
      template: ' #= dataItem.month # \n Total Visits : #= dataItem.totalVisits # \n Unique Visitors : #= dataItem.uniqueVisitors # ' 
     } 
     } 
    ],

見工作樣品在Kendo Dojo

如果您需要更多功能，您可以設置th在模板中添加一個函數，並從它返回任何你想要的。

series: [ 
     { 
     field: 'totalVisits', 
     name: 'Total Visits', 
     labels: { 
      visible: true, 
      template: chartSeriesTemplate 
     } 
     } 
    ], 

function chartSeriesTemplate(e) { 
     return kendo.format("{0} \n Total Visits:{1}\n Unique Visitors:{2} \n Ratio :{3}", e.dataItem.month, e.dataItem.totalVisits, e.dataItem.uniqueVisitors, (parseInt(e.dataItem.uniqueVisitors)/parseInt(e.dataItem.totalVisits)).toFixed(2)); 
    }

看到Kendo Dojo

文檔的一系列模板在Kendo Docs

來源

2015-09-13 00:38:36

恐怕那不是我的意思。我已經提議我的團隊使用系列標籤模板。但是他們在類別軸上需要多個標籤。這是他們需要的形象。 '所有米'是其中一個字段的值，而日期是另一個字段的值。我需要顯示兩者。我希望你明白這個問題。謝謝:) –

Gitner對不起標籤 –

工作樣本您可以爲CategoryAxis標籤使用的標籤模板：

categoryAxis: { 
     field: 'submitTime', 
     majorGridLines: { 
     visible: false 
     }, 
     labels: { 
     visible: true, 
      template: ' #= FormatLabel(dataItem) # ' 
     } 
    },

在這個例子中，模板傳遞dataItem轉換爲構建所需字符串的函數：

function FormatLabel(dataItem){ 
    var tg = dataItem.TargetGroup; 
    var st = dataItem.submitTime.replace(" ", "\n"); 
    return tg + "\n" + st;  
}

DEMO

來源

2015-09-14 17:06:34 ezanker

在kendoUI圖表類別軸上顯示多個標籤

回答

相關問題