Echarts中tooltip显示的数据与数据本身顺序相反

echarts中默认的tooltip和柱状图显示顺序相反，客户要求表盘，tooltip，图例显示顺序一致，也就是五线城市在tooltip和图例中都需要第一个显示：

解决方式：

修改tooltip的formatter：

修改legend图例的顺序:

let numStoreFnT1 = cloneDeep(echartConfig.initVerticalOption);

let legendT=[];

legendT.unshift(name)
numStoreFnT1.legend.data=legendT;

修改后：

Echarts中tooltip显示的数据与数据本身顺序相反相关推荐

echarts中tooltip前面的小圆点
Echarts中tooltip前面的小圆点当在Echarts中使用自定义格式的tooltip时(formatter),发现前面的小圆点没有了 1. 为解决这个问题,就要用到Echarts中的mark ...
uni-app小程序echarts中tooltip被遮盖
问题描述柱状图图表中的文案过长,tooltip溢出容器,会被遮盖住解决方案: 在echarts的tooltip中有confine属性可将tooltip限制在容器内,不超过容器,就不易被遮盖
elk中kibana中如何显示写入elasticsearch的数据
写入es的数据语句如下所示: curl -H "Content-Type: application/json" -XPOST 'http://192.168.32.137:9200 ...
echarts的tooltip显示百分号
需求:echarts图形的tooltip需要显示百分数,并要有颜色提示. 按官方文档,tooltip的formatter可以通过表达式设置百分号, formatter: '{b0}<br /&g ...
Echarts中DataView显示Excel表格
最近项目用到功能:Echarts显示图表后,点击数据视图后显示对应的电子表格,并可以下载,具体如下: DataView 将数据通过Echarts图表的形式展现出来单击图表的数据视图用layer弹出新 ...
echarts中饼图显示百分比
通过echarts制作饼图,需要通过鼠标移动到对应的扇形才能才看数值和百分比. 解决这个问题参考的是将鼠标移动到扇形上的显示方法: tooltip : { trigger: ...
echarts 自定义tooltip显示图例颜色
技术框架:react echarts默认的tooltip是自带图例颜色的,如下图: 可是很多时候,功能需求会要求提示框带单位或者调整样式.这个时候我们就需要用tooltip的formatter来自定义 ...
echarts中tooltip提示框位置控制
关键代码: position: function(point, params, dom, rect, size) {//其中point为当前鼠标的位置,size中有两个属性:viewSize和cont ...
【echarts】 tooltip显示图片
tooltip: { trigger: 'item', borderRadius: 8,//边框圆角 backgroundColor: 'rgba(51,204,204,0.7)',//背景颜色(此时 ...

Echarts中tooltip显示的数据与数据本身顺序相反

Echarts中tooltip显示的数据与数据本身顺序相反相关推荐

最新文章

热门文章