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

chart.js

ddx 2021-10-22 10:46:37 ‧ 1638 瀏覽

上面圖片的資料是每分鐘一筆
由於資料量太多，所以圖看起來不太好看
要怎麼改才能讓它成直線??
或是有什麼比較好的套件可以使用

淺水員 iT邦大師 6 級 ‧ 2021-10-22 14:28:07 檢舉

可以把套件當作繪圖的工具
至於數據的處理是自己的工作
也就是說原始資料自己處理過後再送給 chart.js 繪圖

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

海綿寶寶

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

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

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

修改前

修改後

sx0800

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

若改用 google chart 呢？

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

IT邦幫忙

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