自定义图例标签

Question

我有以下实现，它可以正常工作。但是我想将 fname 属性指定为图例，而不是 series 属性。

我认为我需要处理以下代码行，但我还无法弄清楚。

var label = new kendo.drawing.Text(e.series.name, [0, 0], {
  fill: {
     color: "black"
  }
});

http://jsfiddle.net/1ost124j/1/

Answer 1

像 e.series.data[1].fname 这样的东西应该可以做到。

更准确地说（根据您的建议）下面是完整的工作代码

for (var i = 0; i < e.series.data.length; i++) {
  if (e.series.data[i].valueColor != "" && e.series.data[i].fname != "") {
    color = e.series.data[i].valueColor,
      legendName = e.series.data[i].fname
  }
}
var label = new kendo.drawing.Text(legendName, [0, 0], {
  fill: {
    color: "black"
  }
});

有演示http://jsfiddle.net/1ost124j/3/

自定义图例标签

Custom Legend Label

javascript

kendo-ui

kendo-chart