echarts中每个数据项特定的tooltip设定

什么是每个数据项特定的tooltip？类似于这样：

data: [ {value: 20,name: 'CO2: ',itemStyle: {borderWidth: 2,color: '#55d3db'},label: {show: true,position : 'inside',fontSize: 8,formatter: " {b}\n"+skyValueArr[0]},tooltip: {formatter: " {a}<br/>&nbsp;&nbsp;&nbsp;{b}"+skyValueArr[0],backgroundColor: 'rgba(255, 255, 255, 0.7)',textStyle: {color: '#000',fontSize: 12}},}]

设置这一数据项的tooltip的作用就是显示指定内容，与放在整个option里的tooltip相比，一个是公共的，一个是私有的。
那么只是按照上述代码写肯定是不行的（不信你试试），你必须还要在option里去整体写一个tooltip:

let option = {tooltip: {trigger: 'item'},...}

OK，这样的话就可以完成特定tooltip的设定了。

公众号：Coder 杂谈，欢迎关注

echarts中每个数据项特定的tooltip设定相关推荐

ECharts中setOption的title、tooltip、xAxis、yAxis、series、legend等参数的含义。
ECharts中setOption的title.tooltip.xAxis.yAxis.series.legend等参数的含义. title //标题设置 legend //图例控制 grid //图 ...
echarts中tooltip前面的小圆点
Echarts中tooltip前面的小圆点当在Echarts中使用自定义格式的tooltip时(formatter),发现前面的小圆点没有了 1. 为解决这个问题,就要用到Echarts中的mark ...
ECharts中图表百分比（%）的实现方式
①使用echarts中 formatter参数例如: tooltip: {trigger: 'item',formatter:'{c}%' }, 注:变量a.b.c在不同图表中代表数据的意义: 折线 ...
Echarts中tooltip显示的数据与数据本身顺序相反
echarts中默认的tooltip和柱状图显示顺序相反,客户要求表盘,tooltip,图例显示顺序一致,也就是五线城市在tooltip和图例中都需要第一个显示: 解决方式: 修改tooltip的fo ...
【Echarts】ECharts中常用的标签
详细的标签详解 ECharts中常用的标签 ECharts中常用的标签 title标签 legend tooltip xAxis和yAxis 不同种类图的区别 ECharts中常用的标签 title标 ...
Echarts中Option属性设置
一.title--标题组件标题组件,包含主标题和副标题. title:{x:"left", // 'left' | 'right' | 'center' | '100px'y:& ...
ECharts 中的事件和行为
更多关于Apache ECharts的文档,请阅读: Apache ECharts文档专题 <Apache ECharts教程> 5 分钟上手 ECharts ECharts 5 新特性 ...
echarts中markline移动，x轴绘制俩条垂直移动线
需求要求:坐标轴上有俩条垂直markline,并且可以单独移动思路:首先先画出俩条markline,分别为X0,X1:在markline俩线条中间,添加一个graphic矩形Area 其次在mark ...
echarts饼图解析html标签,解决echarts中饼图标签重叠的问题
饼图中的series有个avoidLabelOverlap属性, avoidLabelOverlap:是否启用防止标签重叠策略,默认开启,在标签拥挤重叠的情况下会挪动各个标签的位置,防止标签间的重叠. ...

echarts中每个数据项特定的tooltip设定

echarts中每个数据项特定的tooltip设定相关推荐

最新文章

热门文章