EChart tooltip formatter使用
来源:互联网 发布:炉石传说 知乎 编辑:程序博客网 时间:2024/05/18 01:20
使用formatter方法—实现显示框内容为自己定义的另一层数据
就是显示框中显示的,cpu、内存、硬盘为实际数据,而纵坐标显示的百分比。
默认情况下是也是显示百分比,在这里做个自定义:
解析代码tooltip: { trigger: 'axis', formatter: function (datas) { var res = datas[0].name + '<br/>' for (var i = 0, length = datas.length; i < length; i++) { res += datas[i].seriesName + ':' + datas[i].data.originValue + '<br/>' } return res } },
数据源显示数据内容:series.data的格式数组项通常为数值:[12, 34, 56, ..., 10, 23]------------------------------------------------------------当某类目对应数据不存在时(ps:'不存在' 不代表值为 0),可用'-'表示,无数据在折线图中表现为折线在该点断开,在柱状图中表现为该点无柱形,如:[12, '-', 56, ..., 10, 23]------------------------------------------------------------当需要对个别内容进行个性化定义时,数组项可用对象,如:[ 12, 34, { value : 56, tooltip:{},//自定义特殊tooltip,仅对该item有效,详见tooltip itemStyle:{}//自定义特殊itemStyle,仅对该item有效,详见itemStyle }, ..., 10, 23]
具体官方地址如下:
http://echarts.baidu.com/echarts2/doc/doc.html#SeriesData
EChart API
http://echarts.baidu.com/option.html#visualMap
阅读全文
1 0
- EChart tooltip formatter使用
- tooltip.formatter
- echart line tooltip设置
- Formatter使用
- Echarts tooltip 自定义formatter设置字体颜色
- echart使用
- Echart使用
- echart 使用
- Echart自定义悬浮tooltip 设置字体颜色
- ToolTip 使用
- cell使用formatter
- Formatter 的使用。
- Yii2 Formatter 格式化使用
- 使用Formatter格式化数据
- 使用FormatterRegister注册Formatter
- JQuery与Echart方法tooltip冲突的解决
- echart使用例子
- echart使用经验
- 程序员8月书讯
- MySQL 删除有外键约束的数据
- Android知识体系梳理笔记四:组件化开发学习笔记
- Android开发培训(02)--Android开发核心
- 题目描述
- EChart tooltip formatter使用
- 无法找到 PInvoke DLL“SQLite.Interop.063.DLL”。
- linux sed命令详解
- myeclipse Maven 创建主工程
- Objective-C 里的 Alloc 和 AllocWithZone的区别
- 1966: [Ahoi2005]VIRUS 病毒检测
- Java的快速排序
- oracle三大范式
- 最近很浮躁啊!!!