javascript - Legend.labels.template 实现

标签 javascript kendo-ui kendo-chart

在我添加

之前,我的实现一直运行良好

legend.labels.template = "#dataItem.fName#";

我想格式化图例以使其与工具提示相同。

legend:{
  visible:true,
  labels:
  {
    template: "#= dataItem.fname #"
  }
},

这里是 JSFIDDLE .

在这个 fiddle 中,当你注释掉 legend.label.templates 时,它就不起作用了。

最佳答案

一个快速的解决方案可能是为 fname 命名您的系列:

   series: [{
        type: "column",
        field: "value",
        stack: true,
        name: "#= group.items[0].fname || group.items[1].fname #",
        highlight: {
            visible: false,
        }
    }],

已更新 FIDDLE

关于javascript - Legend.labels.template 实现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30583872/

相关文章:

kendo-ui - 我想在标题处更改 Kendo ui Scheduler 的日期格式

javascript - Kendo图表数据标签格式

javascript - function.js 中的 this.nextSibling

javascript - 编译 typescript 时排除文件夹

kendo-ui - Kendochart 的背景图像

kendo-ui - 如何在 Kendo UI Charts 中禁用饼图的交互式图例?

javascript - 删除数组中指定数量的元素

javascript - 如何使用文件 API 和 Dropzone.js 检测文件的尺寸

jquery - Kendo 可排序(两列): Issues moving panels