echart tooltip左边的小圆点怎么设置？

情况说明

默认的显示，会自带小圆点，如图：
但在使用echart图表时，时常会自定义tooltip，来达到自己想要显示的提示内容，比如这里我就想给温度带上单位。
在自定义后，会发现tooltip里默认左边带的小圆点消失了，如图：

解决方法

配置 tooltip 的 formatter
这是打印的值

这里有一个字段marker，他其实就是一个span标签，也就是之前默认的小圆点。
这里我们把它加在前面即可（同理，也可以自己自定义一个span标签加进去）

tooltip: {trigger: "axis",formatter: (arr) => {if(arr && arr.length > 0) {const val = arr[0];let str = val.name + '<br/>'str += `${val.marker}${val.seriesName}: ${val.value}℃`return str;}return ''}
},

echart tooltip左边的小圆点怎么设置相关推荐

苹果android怎么设置,iphone小圆点怎么设置调出来自定义手势怎么用
原标题:iphone小圆点怎么设置调出来自定义手势怎么用很多人都知道iPhone上的"小圆点"最开始时是专为残障人士设计的,让他们也能感受到科技给生活带来的便利.小圆点其实叫A ...
echarts中tooltip前面的小圆点
Echarts中tooltip前面的小圆点当在Echarts中使用自定义格式的tooltip时(formatter),发现前面的小圆点没有了 1. 为解决这个问题,就要用到Echarts中的mark ...
苹果手机小圆点怎么设置？一招搞定！
案例:苹果手机上的悬浮球怎么设置? [求助!苹果手机小圆点怎么设置出来啊?弄了好久都没搞懂.] 苹果手机小圆点是一个非常实用的功能,它可以帮助您在打字时更快地移动光标,以便更好地编辑文本.但是,很多人 ...
怎么设置苹果手机的小圆点_iPhone X小圆点如何设置苹果X小白点设置方法【介绍】...
在苹果手机中大家有一个特别喜欢用的工具叫做AssistiveTouch,也就是我们常说的小圆点,无论是截屏还是各种操作,或者返回主菜单都可以使用它,iPhone X推出以后很多小伙伴都趋之若鹜,到手之 ...
一张图看看我的iPhone小圆点AssistiveTouch设置和布局技巧
更新到IOS9后,iPhone小圆点AssistiveTouch功能支持自定义了,通过设置AssistiveTouch上的快捷按钮的数量和位置可以更加快速和方面的访问我们常用的应用和设置,大家可以进入 ...
苹果x怎么截屏_iPhone X小白点怎么设置 iPhone X小白点设置方法【详解介绍】
有使用过苹果手机的朋友,应该知道苹果手机界面都会有一个小白点,不管是截屏还是各种操作,很多用户都会用到这个功能.当然,第一次使用iPhone X手机的朋友,有的就在问iPhone X小白点怎么设置?今 ...
关于去掉Li标签前面的小圆点和距离/显示下划线
解决方法去掉Li标签前面的距离: 设置ul padding:0px; 去掉Li标签前面的小圆点: 设置li list-style-type:none; 显示下划线: te ...
echarts折线图设置圆点_echarts 设置折线图单个数据小圆圈样式
在使用echarts 折线图时,可能会遇到针对不同的数据显示不同的小圆点样式,经过查看echarts配置项,其中data中有一个value配置项选项,可以单独设置某一个数据的显示样式,具体使用方式如下 ...
ECharts 设置折线颜色和小圆点颜色
ECharts 设置折线颜色只需要设置lineStyle的color即可, 设置小圆点颜色只需要设置itemStyle的颜色即可. series: [{name: "seriesName&q ...

echart tooltip左边的小圆点怎么设置

echart tooltip左边的小圆点怎么设置？

情况说明

解决方法

echart tooltip左边的小圆点怎么设置相关推荐

最新文章

热门文章