博客
关于我
Echarts柱状图采用不同色
阅读量:203 次
发布时间:2019-02-28

本文共 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/

你可能感兴趣的文章
nacos config
查看>>
Nacos 与 Eureka、Zookeeper 和 Consul 等其他注册中心的区别
查看>>
Nacos2.X 配置中心源码分析:客户端如何拉取配置、服务端配置发布客户端监听机制
查看>>
NacosClient客户端搭建,微服务注册进nacos
查看>>
Nacos原理
查看>>
Nacos发布0.5.0版本,轻松玩转动态 DNS 服务
查看>>
Nacos启动异常
查看>>
Nacos和Zookeeper对比
查看>>
Nacos在双击startup.cmd启动时提示:Unable to start embedded Tomcat
查看>>
Nacos如何实现Raft算法与Raft协议原理详解
查看>>
Nacos安装教程(非常详细)从零基础入门到精通,看完这一篇就够了
查看>>
Nacos实战攻略:从入门到精通,全面掌握服务治理与配置管理!(下)
查看>>
Nacos心跳机制实现快速上下线
查看>>
Nacos服务注册与发现demo
查看>>
nacos本地可以,上服务器报错
查看>>
Nacos注册中心有几种调用方式?
查看>>
nacos注册失败,Feign调用失败,feign无法注入成我们的bean对象
查看>>
nacos源码 nacos注册中心1.4.x 源码 nacos源码如何下载 nacos 客户端源码下载地址 nacos discovery下载地址(一)
查看>>
Nacos简介、下载与配置持久化到Mysql
查看>>
Nacos编译报错NacosException: endpoint is blank
查看>>