Javascript 如何更改我的海图的颜色？

我正在使用highcharts制作piechart，但在为我的图表加载自定义颜色集时遇到问题

这是我的密码：

     <script type="text/javascript">
     $(function () {
     Highcharts.setOptions({
     colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263',      '#6AF9C4']
    });
    return new Highcharts.Chart({


        chart: {
            renderTo: 'trailpiechart',
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            backgroundColor: "#f8f8f8",
            margin: [20, 20, 20, 20]
        },


        credits: {
            enabled: false
        },

        title: {
            text: caption
        },
        tooltip: {
            formatter: function () {
                return this.y + ' links';
            }
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: false
                },
                showInLegend: true
            }
        },
        legend: {
            layout: 'vertical',
            floating: false,
            borderRadius: 0,
            borderWidth: 0
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data: data
        }]
    });
    });
</script>

$（函数（）{
Highcharts.setOptions({
颜色：[“50B432”、“ED561B”、“DDDF00”、“24CBE5”、“64E572”、“FF9655”、“FFF263”、“6AF9C4”]
});
返回新的高点图表。图表({
图表：{
renderTo:“trailpiechart”，
plotBackgroundColor:null，
plotBorderWidth:null，
影子：错，
背景色：“F8”，
保证金：[20,20,20,20]
},
学分：{
已启用：false
},
标题：{
文字：标题
},
工具提示：{
格式化程序：函数（）{
返回此.y+“链接”；
}
},
打印选项：{
馅饼：{
allowPointSelect:true，
光标：“指针”，
数据标签：{
已启用：false
},
showInLegend：对
}
},
图例：{
布局：“垂直”，
浮动：假，
边界半径：0，
边框宽度：0
},
系列：[{
键入“pie”，
名称：“浏览器共享”，
数据：数据
}]
});
});

我的饼图适用于此代码，但它仅使用默认颜色托盘

---

如何指定自定义颜色集？

我认为您需要做的是使用主题而不是设置选项设置颜色，如下所示：

Highcharts.theme = {colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', 
                             '#64E572', '#FF9655', '#FFF263', '#6AF9C4']});

看下面的例子

---

是否有一个网页说明每种“颜色”对应的颜色？这里的所有答案都显示了如下内容：

colors: ['#333', '#CB2326', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#CB2326', '#6AF9C4']

colors: ['#333', '#CB2326', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#CB2326', '#6AF9C4']

---

但是#333、#CB2326等实际发生了什么变化？显然，我可以更改它们，看看有什么更改，但如果能在某个地方提供此参考，那就太好了。

我也遇到了同样的问题。在highcharts.css中有一个叫做“默认颜色”的部分。删除此部分后，我可以使用自定义颜色。无论如何，如果您使用v5.0.4或更高版本，我想您不需要highcharts.css。

highcharts.Color（highcharts.getOptions（）.Color[0]）。setOpacity（0.5）。get（'rgba'）]

---

在高图表中，我们有内置的颜色。因此，您需要更改颜色[0]或[1]……的路径[6]

对于喜欢在配置中初始化颜色的人，您可以简单地将颜色放入配置对象的plotOptions部分，如下所示：

...,
plotOptions: {
  pie: {
   colors: [
     '#50B432', 
     '#ED561B', 
     '#DDDF00', 
     '#24CBE5', 
     '#64E572', 
     '#FF9655', 
     '#FFF263', 
     '#6AF9C4'
   ],
   allowPointSelect: true,
   cursor: 'pointer',
   dataLabels: {
     enabled: false
   },
   showInLegend: true
 }
},
...

---

回答@Loko Web Design的问题

---

有没有一个网页上写着每种“颜色”对应什么？这里的所有答案都显示了如下内容：

colors: ['#333', '#CB2326', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#CB2326', '#6AF9C4']

colors: ['#333', '#CB2326', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#CB2326', '#6AF9C4']

但是#333、#CB2326等实际发生了什么变化？显然我可以 改变它们，看看有什么变化，但如果有这个就好了 在某处可以找到参考资料

彩色文档可用。虽然有帮助，但它们并没有描述改变特定颜色的实际效果。下面是我最好的描述

颜色道具为Highcharts提供您希望图表循环使用的颜色。例如，如果您有以下颜色道具

colors: ['blue', 'green']

你的馅饼片会在蓝色和绿色之间交替。把蓝色变成红色，你的颜色就会在红色和绿色之间交替。用以下方法测试它

展开颜色列表会增加重复之前的颜色数

colors: ['blue', 'green', 'yellow']

---

如果数据集中有4个以上的切片，则会重复这些颜色

如果您转到，然后单击“查看视觉主题”，您将看到如何操作整个主题。您好，Todd颜色没有通过使用上述代码更改。它仍然显示饼图的默认颜色我尝试了此操作，但是，我的图例颜色正在更改，但饼图颜色没有更改。这非常完美。谢谢很多答案都说使用“颜色”属性，但只有这一个有效！我建议使用您想要的颜色创建对.highcharts-color-0到.highcharts-color-9的css覆盖！如何使用config方法初始化工具提示函数？