iT邦幫忙

0

chart.js X軸刻度太短 Y軸資料太多 圖不好看

ddx 2021-10-22 10:46:371814 瀏覽
  • 分享至 

  • xImage

https://ithelp.ithome.com.tw/upload/images/20211022/20139213E7fV69CDRs.png
上面圖片的資料是每分鐘一筆
由於資料量太多,所以圖看起來不太好看
要怎麼改才能讓它成直線??
或是有什麼比較好的套件可以使用

淺水員 iT邦大師 6 級 ‧ 2021-10-22 14:28:07 檢舉
可以把套件當作繪圖的工具
至於數據的處理是自己的工作
也就是說原始資料自己處理過後再送給 chart.js 繪圖
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

1
海綿寶寶
iT邦大神 1 級 ‧ 2021-10-22 12:11:59

圖是用來呈現資料的,不是好看的

要好看的話,有兩個方法
1.改原始資料,把 900-1000 的資料全部改成 950
2.把 Y Axis 的 Max 改成 10,000
什麼資料都變成直線了,如下圖

修改前
https://ithelp.ithome.com.tw/upload/images/20211022/20001787fU5fC9XVI7.png

修改後
https://ithelp.ithome.com.tw/upload/images/20211022/20001787IYKbAPz4hL.png

0
sx0800
iT邦新手 1 級 ‧ 2021-10-23 07:32:17

若改用 google chart 呢?

我要發表回答

立即登入回答