ECharts 知识笔记
2024-10-07 12:00:05
涓滴之水终可磨损大石，不是由于它的力量强大，而是由于昼夜不舍的滴坠
定制label样式（图标上显示的对应文字 对文字一些样式的修改）
（1）通过“formatter”实现内容自定义；
（2）通过“rich”项控制内容样式；
'{c1|' + val1 + '}/{c2|' + val2 + '}' 用“c1”的样式显示“val1”，用“c2”的样式显示val2；
（3）下方有对“color1”和“color2”样式的具体定义；
官方文档
官方文档有更加详细的描述：
http://echarts.baidu.com/option.html#xAxis.axisLabel.rich
itemStyle: {
normal: {
color: '#f7ba0e',
label: {
show: true,
position: 'top',
formatter: function(params) {
for (var i = ,
l = option.xAxis[].data.length; i < l; i++) {
if (option.xAxis[].data[i] == params.name) {
var val1 = params.value || ;
var val2 = option.series[].data[i] || ;
return '{c1|' + val1 + '}/{c2|' + val2 + '}';
}
}
},
rich: {
c1: {
color: '#f7ba0e'
},
c2: {
color: '#42a1fe'
}
},
textStyle: {
color: '#333'
}
}
}
}
最新文章
- web.config设置和取值
- Endless Sky源码学习笔记-4
- linux中的chage命令
- 51nod百度之星2016练习赛
- SQL SERVER ->> Columnstore Index
- 《OD学hadoop》第二周0703
- js中substr与substring的差别
- inline和宏之间的区别
- 代码之美——Doom3源代码赏析1
- map和reduce
- python成长之路——第八天
- 网站遭遇DDOS简易处理
- UVA 257 - Palinwords(弦HASH)
- 转：【WebDriver】封装GET方法来解决页面跳转不稳定的问题
- rPithon vs. rPython（转）
- LNMP1.4 PHP升级脚本
- JS最简单的字符串转数字类型
- Yii2的mongodb的聚合操作
- 数据类型&字符串得索引及切片
- Android 后台线程,timertask实现定期更新时间