Javascript 如何更改图表中列的颜色?
我正在使用highchart库制作一个skacked柱状图。 我们能改变图表的颜色吗。。?有三色显示(蓝色、黑色、绿色)…有没有办法更改默认颜色(黄色、粉色、红色) 我需要更改列的颜色吗 拨弄Javascript 如何更改图表中列的颜色?,javascript,jquery,highcharts,highcharts-ng,Javascript,Jquery,Highcharts,Highcharts Ng,我正在使用highchart库制作一个skacked柱状图。 我们能改变图表的颜色吗。。?有三色显示(蓝色、黑色、绿色)…有没有办法更改默认颜色(黄色、粉色、红色) 我需要更改列的颜色吗 拨弄 $(函数(){ $(“#容器”)。高图({ 图表:{ 类型:“列” }, 标题:{ 文本:“堆叠柱形图” }, xAxis:{ 类别:[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’] }, 亚克斯:{ 分:0,, 标题:{ 正文:“水果总消费量” }, 堆叠标签:{ 启用:对, 风格:{ fontWe
$(函数(){
$(“#容器”)。高图({
图表:{
类型:“列”
},
标题:{
文本:“堆叠柱形图”
},
xAxis:{
类别:[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’]
},
亚克斯:{
分:0,,
标题:{
正文:“水果总消费量”
},
堆叠标签:{
启用:对,
风格:{
fontWeight:'粗体',
颜色:(Highcharts.theme&&Highcharts.theme.textColor)| |“灰色”
}
}
},
图例:{
对齐:“右”,
x:-30,
垂直排列:“顶部”,
y:25,
浮动:是的,
背景颜色:(Highcharts.theme&&Highcharts.theme.background2)| |“白色”,
边框颜色:“#CCC”,
边框宽度:1,
影子:错
},
工具提示:{
headerFormat:“{point.x}
”,
pointFormat:“{series.name}:{point.y}
总计:{point.stackTotal}”
},
打印选项:{
专栏:{
堆叠:“正常”,
数据标签:{
启用:对,
颜色:(Highcharts.theme&&Highcharts.theme.dataLabelsColor)| |“白色”,
风格:{
textShadow:'0 0 3px黑色'
}
}
}
},
系列:[{
姓名:'约翰',
数据:[5,3,4,7,2]
}, {
姓名:'简',
数据:[2,2,3,2,1]
}, {
名字:'乔',
数据:[3,4,4,2,5]
}]
});
});
使用如下数据指定颜色:
name: 'Joe',
data: [3, 4, 4, 2, 5],
color: '#FF0000'
name: 'Joe',
data: [3, 4, 4, 2, 5],
color: '#FF0000'