Legend.labels.template实现

Question

我的实现一直运行良好，直到我添加了

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

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

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

这是JSFIDDLE。

在这个小提琴中，当您注释掉legend.label.templates时，它就不起作用了。

Answer 1

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

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

更新的小提琴

Answer 2

控制台上的错误说dataItem是未定义的。我不知道为什么，否则您可以创建一个函数从已加入的data集合中获取fname。

这是您的变量data代码

data = data.reduce(function (a, b) {
        return a.concat(b)
      });
console.log(data);

更改模板可以如下所示

legend:{
  visible:true,
  labels:
  {
    template: "#= getLegendLabelBy(text) #"
  }
},

为它做一个函数

function getLegendLabelBy(data) {
   var label = "";
   // do loop through data and grab match data by its series name
   for(var i = 0; i < data.length; i++) {
       var series = data[i].series;

       // condition operation here and assign label value
       //.......
   }

   return label;
}