javascript - Highcharts JS - 在饼图之间共享图例颜色

Question

我有两个饼图，我想分享它们的图例项的颜色。 问题在于，一个饼图的图例中元素多于另一个饼图，并且它们以不同的颜色开始。

就我而言，我可以在两个饼图中有非常不同的图例项，但有一些相同，并且它们应该具有相同的颜色。

series: [{
            name: "Brands",
            colorByPoint: true,
            data: [{
                name: "Microsoft Internet Explorer",
                y: 56.33
            }, {
                name: "Chrome",
                y: 24.03,
                sliced: true,
                selected: true
            }, {
                name: "Firefox",
                y: 10.38
            }, {
                name: "Safari",
                y: 4.77
            }, {
                name: "Opera",
                y: 0.91
            }, {
                name: "Proprietary or Undetectable",
                y: 0.2
            }]
        }]

series: [{
            name: "Brands",
            colorByPoint: true,
            data: [{
                name: "Chrome",
                y: 24.03,
                sliced: true,
                selected: true
            }, {
                name: "Firefox",
                y: 20.38
            }, {
                name: "Safari",
                y: 4.77
            }, {
                name: "Opera",
                y: 0.91
            }, {
                name: "Proprietary or Undetectable",
                y: 0.2
            }]
        }]

jsfiddle example here

Answer 1

可以为每个数据点 - 切片设置颜色。您可以将两个系列中相应数据点的值设置为相同。

示例:http://jsfiddle.net/m2v2vyj2/1/

            }, {
                name: "Chrome",
                y: 24.03,
                color: '#c80'
            }, {