在kendoUI图表类别轴上显示多个标签

Question

是否有任何可能性在类别轴中显示多个标签？ 我需要在我的数据源中显示两个字段在我的类别轴（是的，没有多类别轴，我需要在同一个类别轴上显示多个字段，请帮助如果我错过了搜索任何相关主题。 在此先感谢。

Answer 1

在你的系列中，你可以定义模板标签上显示你从它被绑定到项目所需的内容。

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

Answer 2

工作样本您可以为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