Highcharts-图例中的父颜色

Highcharts-图例中的父颜色,highcharts,Highcharts,我正在尝试为我的树形图布局添加图例的css颜色 在我的树状图图例中,我只显示父对象的名称和颜色。我想做同样的事情,但使家长的名字相同的颜色 例如:蓝色文本显示为低位,绿色文本显示为中低位;同时仍显示其旁边的颜色圈 我尝试使用legend labelFormatter函数来实现这一点,但它似乎对我的legend没有影响 以下是我尝试的代码片段: legend: { labelFormatter: function () { return `<spa

我正在尝试为我的树形图布局添加图例的css颜色

在我的树状图图例中,我只显示父对象的名称和颜色。我想做同样的事情,但使家长的名字相同的颜色

例如:蓝色文本显示为低位,绿色文本显示为中低位;同时仍显示其旁边的颜色圈

我尝试使用legend labelFormatter函数来实现这一点,但它似乎对我的legend没有影响

以下是我尝试的代码片段:

    legend: {
        labelFormatter: function () {
          return `<span style="color:${this.parent.color};"> <br/> ${this.parent.name}</span>`;
        }
    },
图例:{
labelFormatter:函数(){
返回“
${this.parent.name}”; } },
以下是图表的链接:

  • 图例对象不能嵌套在图表对象配置中
  • 将作为跨度呈现需要将
    legend.useHTML
    设置为true,这允许将图例标签呈现为可以以这种方式设置样式的优秀HTML元素
  • 演示:

    图例:{
    是的,
    labelFormatter:function(){
    返回“
    ${this.name}”; } },
    API:

      legend: {
        useHTML: true,
        labelFormatter: function() {
          return `<span style="color:${this.color};"> <br/> ${this.name}</span>`;
        }
      },