echarts改变柱状图每个柱子的颜色
来源:互联网 发布:类似调皮王妃的网络剧 编辑:程序博客网 时间:2024/04/29 04:57
var option = {xAxis: { data: ["苹果","小米","华为","其他"] },yAxis: { splitLine:{ show:false} //改设置不显示坐标区域内的y轴分割线},series: [{ name: '手机品牌', type: 'bar', data: [19, 15, 40, 32], //设置柱子的宽度 barWidth : 30, //配置样式 itemStyle: { //通常情况下: normal:{ //每个柱子的颜色即为colorList数组里的每一项,如果柱子数目多于colorList的长度,则柱子颜色循环使用该数组 color: function (params){ var colorList = ['rgb(164,205,238)','rgb(42,170,227)','rgb(25,46,94)','rgb(195,229,235)']; return colorList[params.dataIndex]; } }, //鼠标悬停时: emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } }, }], //控制边距 grid: { left: '0%', right:'10%', containLabel: true, },};
阅读全文
0 0
- echarts改变柱状图每个柱子的颜色
- Echarts柱状图,改变柱子的颜色,后台操作
- 介绍一篇“让echarts柱状图的每个柱子显示不同的颜色”的好博客
- Echarts柱状图的每个柱子显示不同颜色问题
- 【ExtJs】柱状图,改变每条柱子的颜色
- echarts-多柱子柱状图
- echarts-多柱子柱状图
- echarts柱状图,改变柱状颜色
- Echarts 柱状图 多条柱子 颜色 宽度 标题
- Highcharts做柱状图怎样样每个柱子都是不同的颜色显示
- (3)Jfreechart柱状图自定义柱子颜色以及柱子的方向
- 改变ireport中柱状图的柱子宽度
- Echarts之柱状图获取点击柱子事件&自定义柱子颜色&类目轴纵向排列
- echarts如何给柱形图的每个柱子设置不同颜色
- echarts如何给柱形图的每个柱子设置不同颜色
- echarts给柱形图的每个柱子设置不同颜色
- echats 柱状图柱子颜色设定。
- Echarts学习 堆叠柱状图 柱子样式颜色及透明度宽度间隔修改
- nginx和websocket
- Qt 实现简单邮件发送
- spark学习-33-Spark的RPC通信源码分析
- 常用的mysql接口函数功能
- JSON简介
- echarts改变柱状图每个柱子的颜色
- thinkphp系列-安装
- 如何成为一名机器学习算法工程师?
- 常用的工具类:StreamToString
- 合理的设置线程池队列长度
- 【笔记】把时间加到文件名中
- jvm探秘一:java内存模型
- 处理乱码
- javascript之浏览器对象模型(Brower Object Model)