Question

这是我的codepen：DEMO

我有一个饼图，显示了车辆的状态。图例显示“切片”，而不是状态名称。如何格式化？

plotOptions: {
    pie: {
      allowPointSelect: true,
      cursor: "pointer",
      dataLabels: {
        enabled: false
      },
      showInLegend: true
    }
  }

此外，当在我的项目中使用相同的图形时，将使用默认颜色而不是数组中提到的颜色来绘制图形。但是，它可以在Codepen或Fiddle中正常工作。

    Highcharts.setOptions({
      colors: [
        "#50B432",


 "#ED561B",
    "#DDDF00",
    "#24CBE5",
    "#64E572",
    "#FF9655",
    "#FFF263",
    "#6AF9C4"
  ]
});

Answer 1

使用legend.labelFormat，例如：var newList = inputs.reduce( (acc,input, i) => { if(i%2 ==0 && input.checked && inputs[i+1].checked){ acc.push({color:input.value,number:inputs[i+1].value} )} return acc; }, []);演示：https://codepen.io/anon/pen/gKQxqo

或者在数据选项中将labelFormat: '{status}'更改为status（饼图的默认格式为name）：https://codepen.io/anon/pen/gKQxEo

第二个问题：如果没有现场演示，很难猜测。您可以通过设置plotOptions.pie.color来解决此问题。只是一个猜测，但也许您的代码{name}中有多次？

Highcharts格式图例名称

1 个答案: