echart表格颜色设置
来源:互联网 发布:java 图片识别 编辑:程序博客网 时间:2024/05/01 03:56
http://www.cnblogs.com/kang543418095/p/5964397.html(转载至别人)
xAxis : [ { type : 'category',// name:'额度', //这是设置的false,就不不显示下方的x轴,默认是true的 show: false, //这里呢,就是每个柱的name了,根据实际情况下就好了,我就先写这三个 data : ['最多','平均','最少'], axisLabel: { //这个是倾斜角度,也是考虑到文字过多的时候,方式覆盖采用倾斜// rotate: 30, //这里是考虑到x轴文件过多的时候设置的,如果文字太多,默认是间隔显示,设置为0,标示全部显示,当然,如果x轴都不显示,那也就没有意义了 interval :0 } } ], yAxis : [ { type : 'value', name:'数量', //下面的就很简单了,最小是多少,最大是多少,默认一次增加多少 min: 0, max: 30, interval: 6, //下面是显示格式化,一般来说还是用的上的 axisLabel: { formatter: '{value} 包' } } ], series : [ { name: '数量', type: 'bar', itemStyle: { normal: { //好,这里就是重头戏了,定义一个list,然后根据所以取得不同的值,这样就实现了, color: function(params) { // build a color map as your need. var colorList = [ '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B', '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD', '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0' ]; return colorList[params.dataIndex] }, //以下为是否显示,显示位置和显示格式的设置了 label: { show: true, position: 'top',// formatter: '{c}' formatter: '{b}\n{c}' } } }, //设置柱的宽度,要是数据太少,柱子太宽不美观~ barWidth:70, data: [28,15,9,4,7,8,23,11,17] } ]
0 0
- echart表格颜色设置
- Echart颜色设置
- ECHART 设置图表颜色(随即取)
- Echart自定义悬浮tooltip 设置字体颜色
- Echart 饼图背景颜色设置
- echart如何设置饼图的颜色以及柱状图颜色
- 设置表格边框颜色
- 设置表格边框颜色
- easyUi表格颜色设置
- 百度的echart环形图颜色动态设置
- 百度的echart环形图颜色动态设置
- CSS设置表格的颜色
- EasyUI设置表格字体颜色
- echart line tooltip设置
- EChart 设置折线图圆角
- 百度echart字体设置
- echart 基本设置
- echart 设置y轴或者x轴分区域的背景颜色
- 滴滴笔试题
- MQ发送普通消息(三种方式)
- android6.0音频录制与播放
- 混淆矩阵
- kafka-0.10.2.1的shell使用以及Java API
- echart表格颜色设置
- 简单工厂模式、工厂模式、抽象工厂模式
- Spring(5)AOP-Aspect Oriented Programming
- 移动端服务器端身份证识别演示
- 文章标题
- java实现注册界面设计
- MQ收发顺序消息
- HDU 6027 Easy Summation
- Linux7 下Hadoop集群用户管理方案之一 用户管理集群方案概述