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

的系列模板文档

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

2 个答案: