Echarts 折线图自定义悬浮窗tooltip，读取params中的数据将小数显示为百分比并保留两位小数，日期只显示年月日

JKPurpleV

已于 2022-10-19 14:48:08 修改

阅读量2.4k

点赞数

文章标签： echarts 前端 javascript

于 2022-10-13 14:58:01 首次发布

本文链接：https://blog.youkuaiyun.com/JKPurpleV/article/details/127301270

版权

在网上没有找到我需要的内容，悬浮窗数据一直显示为[Object,Object]，获取不到params中的相应内容。

通过System.out.println(map）获取到的后台数据格式为

{treeMapData=[{yield=0.9894, time_info=2021-01-01 00:00:00}, 
{yield=1, time_info=2021-01-02 00:00:00}, 
{yield=0.9914, time_info=2021-01-03 00:00:00},
{yield=1, time_info=2021-03-31 00:00:00}]}

传到前台的数据可以用console.log(params);进行查看

Echarts上有类似的案例Examples - Apache ECharts

其tooltip的设置为

tooltip: {
        trigger: 'axis',
        axisPointer: {
          type: 'cross',
          animation: false,
          label: {
            backgroundColor: '#ccc',
            borderColor: '#aaa',
            borderWidth: 1,
            shadowBlur: 0,
            shadowOffsetX: 0,
            shadowOffsetY: 0,