Echarts柱状图采用不同色
本文共 714 字，大约阅读时间需要 2 分钟。
效果图：
echarts配置：
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: 'bar', showBackground: true, itemStyle: { normal: { color: function (params) { var colorList = [ '#C1232B', '#B5C334', '#FCCE10', '#E87C25', '#27727B', '#FE8463', '#9BCA63', '#FAD860', ]; return colorList[params.dataIndex] }, }, }, backgroundStyle: { color: 'rgba(220, 220, 220, 0.8)' } }]};
转载地址：http://orii.baihongyu.com/
你可能感兴趣的文章
MYSQL数据库下载安装（Windows版本）
查看>>
MySQL数据库与Informix：能否创建同名表？
查看>>
MySQL数据库操作
查看>>
MYSQL数据库简单的状态检查（show processlist）
查看>>
mysql数据恢复
查看>>
MySQL数据读写分离（MaxScale）上干货！！！
查看>>
Mysql新建用户和数据库并授权
查看>>
MySQL日期时间函数大全
查看>>
MySQL更新锁（for update）摘要
查看>>
MySQL服务器安装(Linux)
查看>>
mysql服务器查询慢原因分析方法
查看>>
mysql服务无法启动的问题
查看>>
mysql权限
查看>>
mysql条件查询
查看>>
MySQL架构与SQL的执行流程_1
查看>>
MySQL架构与SQL的执行流程_2
查看>>
MySQL查询优化之索引
查看>>
mysql查询储存过程，函数，触发过程
查看>>
mysql查询总成绩的前3名学生信息
查看>>
MySQL死锁套路：一次诡异的批量插入死锁问题分析
查看>>