Javascript 饼图颜色更改高级图表库
我正在为我的项目使用High Chart Js库。我创建了饼图。它工作得很好。如何更改饼图颜色。我怎么做?请检查我的javascript代码 Highcharts.chart(‘假阳性图’{ 图表:{ 键入:“馅饼” },Javascript 饼图颜色更改高级图表库,javascript,css,highcharts,Javascript,Css,Highcharts,我正在为我的项目使用High Chart Js库。我创建了饼图。它工作得很好。如何更改饼图颜色。我怎么做?请检查我的javascript代码 Highcharts.chart(‘假阳性图’{ 图表:{ 键入:“馅饼” }, 标题:{ 文本:“假阳性%可疑事件”, 样式:{fontSize:'12px', fontFamily:“'Helvetica Neue'、'Helvetica'、'Arial',无衬线”, fontWeight:'粗体', 颜色:“#黑色”, 位置:'顶部' } }, 信用
标题:{
文本:“假阳性%可疑事件”,
样式:{fontSize:'12px',
fontFamily:“'Helvetica Neue'、'Helvetica'、'Arial',无衬线”,
fontWeight:'粗体',
颜色:“#黑色”,
位置:'顶部'
}
},
信用证:{已启用:错误},
图例:{enabled:false},
工具提示:{
headerFormat:“{series.name}
”,
pointFormat:“{point.name}:{point.percentage:.1f}占总数的百分比
”
},
系列:[
{
姓名:“,
colorByPoint:对,
数据:$scope.actionCount
}
],
向下展开:{
钻孔按钮:{
职位:{
relativeTo:“plotBox”,
垂直排列:“右”
}
},
系列:[
{
名称:“报告”,
id:“报告”,
数据:$scope.reportCount
},
{
名称:“折扣”,
id:“折扣”,
数据:$scope.discount
}
]
}
});
我的图表视图如下图所示。
您需要将颜色属性添加到图表选项中,如下所示
Highcharts.setOptions({
colors: ['#50B432', '#ED561B']
});
示例演示
$(函数(){
Highcharts.setOptions({
颜色:['#50B432','#ED561B']
});
var图;
$(文档).ready(函数(){
图表=新的高点图表。图表({
图表:{
renderTo:'容器',
},
标题:{
正文:“2010年特定网站的浏览器市场份额”
},
系列:[{
键入“pie”,
名称:“示例”,
数据:[
[1',45.0],
[Two',26.8],
]
}]
});
});
});代码>
您需要使用颜色属性。你可以在这里查看一个例子@pc\u coder我是如何更改代码以添加颜色属性的??
Highcharts.setOptions({
colors: ['#50B432', '#ED561B']
});