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

Question

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

Answer 1

您可以在 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

Answer 2

在您的系列中，您可以在标签上定义模板以显示几乎任何您想要从它绑定到的项目中的任何内容。

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

在Kendo Dojo查看工作示例

如果您需要更多功能，您可以将该模板设置为一个函数，并从中返回您想要的任何内容。

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的系列模板文档