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'
            }, {

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

1 个答案: