Incubator-echarts: echarts 的series的type为'lines'时,怎么让tooltip显示出该图表的数据?

Created on 9 Feb 2017  ·  4Comments  ·  Source: apache/incubator-echarts

One-line summary [问题简述]

series的type为'lines'时,鼠标移动到相应点时,tooltip没有数据,如何让其显示?
图标如下(折线图的type为'lines'):
image
通过
image打印出来的value值为undefined。

image

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]:
  • Browser version [浏览器类型和版本]:
  • OS Version [操作系统类型和版本]:

Expected behaviour [期望结果]

ECharts option [ECharts配置项]


option = {

}

Other comments [其他信息]


Most helpful comment

1、再添加一个series为line,让lines覆盖line。或者将其中之一颜色改为透明色。tooltip响应line的数据。
2、用你原来的方式。但是你要的数据在data里面,不在value里面。不过你的data也是undefined。希望能提供一下完整的代码。

All 4 comments

你的type为什么不用line而用lines?用line可以达到你想要的效果。

@sevenen 因为我的折线图是有动态效果的,类似这个例子(http://gallery.echartsjs.com/editor.html?c=xBJ-5qzRP),只有type为’lines‘时才能实现的。

1、再添加一个series为line,让lines覆盖line。或者将其中之一颜色改为透明色。tooltip响应line的数据。
2、用你原来的方式。但是你要的数据在data里面,不在value里面。不过你的data也是undefined。希望能提供一下完整的代码。

http://www.echartsjs.com/gallery/editor.html?c=geo-lines

这个例子能实现 tooltip (value)

------------分割线----------------

tooltip: {
    trigger: 'item',
    formatter: (data) => {
        return data.data.value
    },
    textStyle: {
        fontSize: 24,
        color: 'red'
    }
}
Was this page helpful?
0 / 5 - 0 ratings