Cboard修改-折线图/柱形图,显示数据、修改颜色、柱形图设置最大宽度

需求:

  1. 每个折线图和柱形图上都显示数字;
  2. 折线图和柱形图修改对应的颜色;
  3. 柱形图宽度最大设置,使得柱形图不是非常宽;

修改过程:

  1. 图形其实是echarts图(参照echarts官网,文档-配置项手册、实例)
  2. 修改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']

发布了13 篇原创文章 · 获赞 2 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/xiaona0523/article/details/87799227