需求:
- 每个折线图和柱形图上都显示数字;
- 折线图和柱形图修改对应的颜色;
- 柱形图宽度最大设置,使得柱形图不是非常宽;
修改过程:
- 图形其实是echarts图(参照echarts官网,文档-配置项手册、实例)
- 修改charLineService.js文件
文件位置:
修改如下:
在echartOption函数中,修改series、color、barMaxWidth;
编辑如下:
series: series_data.map(function(item){
item.label = {
normal: {
show: true,
position: 'top'
}
}
return item
}),
color: ['#FF9336','#1FA3FF'],
barMaxWidth: 100
颜色可随意修改
#FF9336 橘色
#1FA3FF 蓝色
示例颜色:
color: ['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']