echars-为series里面每个数据单独定义样式
2017-04-20 10:53
246 查看
1.给柱状图的每根柱状单独定义颜色(方法一)
2、方法二
3.单独设置显示位置
data : [{value : values_2[0]},
{value : values_2[1], label : { normal : { position : [-75,-5] } } }, {value : values_2[2], label : { normal : { position : [40 ,-5] } } }
]
series : [ { name : legend_data[0], type : 'bar', label : { normal : { show : true, position : 'insideBottom', textStyle : { color : 'black' }, formatter : '{c}' } }, barWidth : 70,//柱子宽度 //data : values_1 //一起定义 data : [{value : values_1[0], itemStyle : { normal : { color : '#9bbb59' } } },//单独定义 {value : values_1[1], itemStyle : { normal : { color : '#c0504d' } } }, {value : values_1[2], itemStyle : { normal : { color : '#4f81bd' } } }, ] }
2、方法二
var original_values_1 = data.customersList; /*var original_values_1 = [ 46478, 47509, 50118, 50773, 50843, 54804, 54853, 57280, 63455, 136907 ];*/ var colors_1 = [ '#7030a0', '#002060', '#0070c0', '#00b0f0', '#f79646', '#4bacc6', '#8064a2', '#9bbb59', '#c0504d', '#4f81bd' ]; var values_1 = []; if(original_values_1 == ''){ values_1.push(''); }else{ for (var i = 0; i < original_values_1.length; i++) { the_value = toDecimal4(original_values_1[i] / 10000); //the_value = (Math.round(original_values_1[i] / 10000*10000) / 10000); values_1.push({ value : the_value, itemStyle : { normal : { color : colors_1[i] //为每个数据赋予单独颜色 } } }); } }
3.单独设置显示位置
data : [{value : values_2[0]},
{value : values_2[1], label : { normal : { position : [-75,-5] } } }, {value : values_2[2], label : { normal : { position : [40 ,-5] } } }
]
相关文章推荐
- 富数据控件 GridView(定义列、格式化、样式)
- 图表控件chartingToolkit去除图例说明区域以及数据点的样式定义
- echarts3.0异步数据加载之series样式处理
- 对Xml的文件操作,根据数据的配置和数据样式的定义,将结果字符输出
- echars 自定义tooltip中显示格式和柱状图上(series)数据显示格式
- C++ 类的使用(定义一个类,里面包含两个数据元素和一个成员函数,并输出数据元素较大值)
- 如何查询postgreSQL 里面某个数据库中所有用户定义的数据表的名字
- 安卓中定义Spinner的样式和获取数据
- 有五个学生,每个学生有3门课的成绩,定义一种比较直观的文本文件格式, 输入学生姓名和成绩,输入的格式:name,30,30,30从键盘输入以上数据(包括姓名,三门课成绩), 按总分数从高到低的顺序将学
- 要求可以根据每个学生的成绩进行由高到低的排序如果成绩相等则按照年龄由低到高排序数据的样式如下张三:19:90|李四:20:90|王五:20:80|赵六:21:100
- 在一个div里单独定义超链接的样式…
- symfony里面定义数据类型
- html+css给单独某一表格定义样式示例
- 几乎每个文件里面都有 #ifdef __cplusplus extern "C" { #endif 可我没找到程序里那个地方定义了__cplusplus 啊?这又是怎么回事呢?
- 定义一个16位长整型数,统计里面0~9每个数字出现的次数。(包括将长整型转化为字符数组的方法及switch的用法)
- vue 里面通过v-for循环出来多个相同样式的div,根据index值给每个div添加不同的id名
- html+css 单独给某一表格定义样式
- css定义超级链接a标签里面的title的样式
- 如何查询postgreSQL 里面某个数据库中所有用户定义的数据表的名字
- css文件都写在一个里面还是每个页面都引用单独的css样式好?