鍍金池/ 問答/HTML/ ehcart圖表能否顯示兩條或兩條以上x軸不同的線

ehcart圖表能否顯示兩條或兩條以上x軸不同的線

圖片描述

這兩組數(shù)據(jù)我想在一個(gè)圖表上顯示出來,他們的x軸都是時(shí)間點(diǎn),但是時(shí)間點(diǎn)的數(shù)據(jù)是不統(tǒng)一的,請(qǐng)問echart能否實(shí)現(xiàn)固定一個(gè)x軸,數(shù)據(jù)自動(dòng)對(duì)應(yīng)到相應(yīng)的時(shí)間軸上的點(diǎn)

回答
編輯回答
脾氣硬

整理數(shù)據(jù) 把時(shí)間x軸合并
x軸: ['1:00', '1:05', '1:10', ...]
data有兩種方式:
1 . 空數(shù)據(jù)用null或者直接空表示

series: [{
      data: [25, null, 15, ...], //or: [25, , 15, ...]
      connectNulls:true
  },{
      data: [null, 25, 15, ...], //or: [, 25, 15, ...]
      connectNulls:true
  }]

2 . 直接把你的數(shù)組放到data上

series: [{
      data: [
          // xAxis  data
          [  1:00, 25  ],
          [  1:10, 15  ],
          ...
      ],
      connectNulls:true
  },{
      data: [
          // xAxis  data
          [  1:05, 25  ],
          [  1:10, 15  ],
          ...
      ],
      connectNulls:true
  }]

然后
connectNulls設(shè)為true可以連接空數(shù)據(jù)

2017年11月3日 18:34