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存储过程入门
查看>>
mysql存储过程批量建表
查看>>
MySQL存储过程的使用实现数据快速插入
查看>>
mysql存储过程详解
查看>>
Mysql存表情符号发生错误
查看>>
MySQL学习-group by和having
查看>>
MySQL学习-MySQL数据库事务
查看>>
MySQL学习-MySQL条件查询
查看>>
MySQL学习-SQL语句的分类与MySQL简单查询
查看>>
MySQL学习-子查询及limit分页
查看>>
MySQL学习-排序与分组函数
查看>>
MySQL学习-连接查询
查看>>
Mysql学习总结（10）——MySql触发器使用讲解
查看>>
Mysql学习总结（11）——MySql存储过程与函数
查看>>
Mysql学习总结（12）——21分钟Mysql入门教程
查看>>
Mysql学习总结（13）——使用JDBC处理MySQL大数据
查看>>
Mysql学习总结（14）——Mysql主从复制配置
查看>>
Mysql学习总结（15）——Mysql错误码大全
查看>>
Mysql学习总结（16）——Mysql之数据库设计规范
查看>>
Mysql学习总结（17）——MySQL数据库表设计优化
查看>>