Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为高图表派设置单独的颜色_Javascript_Jquery_Css_Highcharts - Fatal编程技术网

Javascript 如何为高图表派设置单独的颜色

Javascript 如何为高图表派设置单独的颜色,javascript,jquery,css,highcharts,Javascript,Jquery,Css,Highcharts,通过传递系列数据,我可以使高位图表正常工作。这将为高位图表指定随机或主题颜色 在下面的示例中,我可以看到浅蓝色、黑色和绿色。但是如何设置预定义的颜色呢。例如,我想用橙色、红色和黄色来代替 //构建图表 Highcharts.chart('容器'{ 图表:{ plotBackgroundColor:null, plotBorderWidth:null, 影子:错, 键入:“馅饼” }, 标题:{ 文字:“2018年1月浏览器市场份额” }, 工具提示:{ pointFormat:“{series

通过传递
系列数据,我可以使高位图表正常工作。
这将为高位图表指定随机或主题颜色

在下面的示例中,我可以看到浅蓝色、黑色和绿色。但是如何设置预定义的颜色呢。例如,我想用橙色、红色和黄色来代替

//构建图表
Highcharts.chart('容器'{
图表:{
plotBackgroundColor:null,
plotBorderWidth:null,
影子:错,
键入:“馅饼”
},
标题:{
文字:“2018年1月浏览器市场份额”
},
工具提示:{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
打印选项:{
馅饼:{
allowPointSelect:true,
光标:“指针”,
数据标签:{
已启用:false
},
showInLegend:对
}
},
系列:[{
名称:'品牌',
colorByPoint:对,
数据:[{
名称:“Chrome”,
y:61.41,
切碎:是的,
所选:真
}, {
名称:“Internet Explorer”,
y:11.84
}, {
名称:“Firefox”,
y:10.85
}]
}]
});

您可以使用
setOptions
高位图表中显示颜色,如下所示

Highcharts.setOptions({
颜色:['#ff6600'、'#ff0000'、'#ffff00']
});
//绘制图表
Highcharts.chart('容器'{
图表:{
plotBackgroundColor:null,
plotBorderWidth:null,
影子:错,
键入:“馅饼”
},
标题:{
文字:“2018年1月浏览器市场份额”
},
工具提示:{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
打印选项:{
馅饼:{
allowPointSelect:true,
光标:“指针”,
数据标签:{
已启用:false
},
showInLegend:对
}
},
系列:[{
名称:'品牌',
colorByPoint:对,
数据:[{
名称:“Chrome”,
y:61.41,
切碎:是的,
所选:真
}, {
名称:“Internet Explorer”,
y:11.84
}, {
名称:“Firefox”,
y:10.85
}]
}]
});


可能重复:谢谢,有没有办法重置颜色。我的页面中有多个图表,不希望所有图表都有这些颜色。在Highcharts初始化之前,您始终可以使用setOptions覆盖您的颜色。