在項目開發需要中。有個需求就是在折線圖的每一個折點上懸浮窗要顯示幾條不同的數據而且是跟x軸一樣每個點不一樣。。研究了一下。。有點坑。其實很簡單，正常的思路來想 要想在懸浮窗顯示數據 一般都會有線 才會有實時數據。。這里提一下series：data這個數據入口問題，

問題解決就在data里面，那怎么弄呢，首先你要明白 data里面是可以json數組形式的比如官方API上的 name:”“， value：”“，等 value是echart識別折線圖的KEY但是可能很多人不知道data里面可以自定義Key并且取出來，來看數據：

{value:"0.0",真空拋料數:"301",影像拋料數:"30"},

{value:"0.79",真空拋料數:"30",影像拋料數:"30",報警:["2018-05-19 02:00", "SystemLINE S16D4-1", "SystemLINE S16", 1, 3, 2, 5, 0]},

{value:"0.08",真空拋料數:"30",影像拋料數:"30"},

這里面value是線上的數據 其他的是我想在tooltip懸浮窗顯示的實時數據，tooltip 設置：

這里有個小問題 如果下邊樣式什么的不加可以直接顯示但是 加上一點樣式之后不知道為什么需要微調一線才會顯示。。具體可以看一下params里面的具體數據格式。到這里問題基本解決了。

總結

以上是生活随笔為你收集整理的echars显示折点数据_Echarts 折线图一个点显示多个实时数据tooltip的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。