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

【问题标题】：Highcharts JS - share legend color between pie chartsHighcharts JS - 在饼图之间共享图例颜色
【发布时间】：2023-04-08 21:58:01
【问题描述】：

我有两个饼图，我想分享它们的图例项目的颜色。问题是一个馅饼在图例中的元素比另一个馅饼多，而且它们的开头颜色不同。

在我的情况下，我可以在两个饼图中有非常不同的图例项，但有一些相等，它们应该得到相同的颜色。

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

【问题讨论】：

看到这个stackoverflow.com/questions/13875315/…
我可以获得超过 200 个不同的数据标签。颜色数组的解决方案不是很动态。
@MaroPolo 您如何确定哪些点相等？您可以为每个点设置不同的颜色，然后相等的点将自动具有相同的颜色。

标签： javascript jquery charts highcharts

【解决方案1】：

可以为每个数据点设置颜色 - 切片。对于相应的数据点，您可以将它们设置为在两个系列中相同。

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

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

【讨论】：

动态分配颜色，切片最高可达200