1.引用官网的例子,运行后是默认的颜色。
2.给柱状图整体设置颜色
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data: ['销量']
},
xAxis: {
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [25, 24, 20, 36, 1, 10, 20],
//给柱状图整体设置颜色
itemStyle: {
normal: {
color: '#4ad2ff'
},
}
}]
3.想要给指定柱状图设置颜色
series: [{
name: '销量',
type: 'bar',
data: [
//第一个柱子设置颜色
{
value: 25,
itemStyle: {
color: '#b6dcb6'
},
}
, 24, 20, 36, 1, 10, 20]
}]
这样的话,就可以给某个柱子设置颜色
如此类推,就能制作出漂亮的柱状图
本文章仅个人看法,如有错误,希望大家多多指教~~~