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/
你可能感兴趣的文章
nginx + etcd 动态负载均衡实践（三）—— 基于nginx-upsync-module实现
查看>>
nginx + etcd 动态负载均衡实践（二）—— 组件安装
查看>>
nginx + etcd 动态负载均衡实践（四）—— 基于confd实现
查看>>
Nginx + Spring Boot 实现负载均衡
查看>>
Nginx + Tomcat + SpringBoot 部署项目
查看>>
Nginx + uWSGI + Flask + Vhost
查看>>
Nginx - Header详解
查看>>
nginx - thinkphp 如何实现url的rewrite
查看>>
Nginx - 反向代理、负载均衡、动静分离、底层原理（案例实战分析）
查看>>
Nginx - 反向代理与负载均衡
查看>>
nginx 1.24.0 安装nginx最新稳定版
查看>>
nginx 301 永久重定向
查看>>
nginx 301跳转
查看>>
nginx 403 forbidden
查看>>
nginx connect 模块安装以及配置
查看>>
nginx css,js合并插件，淘宝nginx合并js，css插件
查看>>