iT邦幫忙

0

等比例縮放 百分比 javascript

各位先進好:
  目前有個頁面有利用工具針對資料集有產生圖表在頁面上,圖表範例如下圖。
範例只簡單點出不到10筆的點線圖,實際上會有好幾百筆的資料連成的點圖~

由於工具繪製出來的圖表沒有百分比的顯示,所以有另外用JS寫死針對百分比的高度繪製百分比label在Y軸上,因為是寫死的,所以會有不精準的問題。
想要請教,如何針對資料集的範圍(例如-2~4或3~10的範圍,每組資料集的範圍皆不同),動態運算等比例縮放至Y軸,繪製出百分比的位置,並在特定位置繪製一條橫線(例如想要在百分之90的位置上繪製一條橫線,可以對應至實際的點位)
資料集有由小到大排序過,所以線圖一定會是往上增長的點圖。

淺水員 iT邦研究生 2 級 ‧ 2021-03-08 13:54:06 檢舉
也許問題敘述上,可以列出
輸入:也就是前端JS能拿到的資料(JSON或圖檔等)
輸出:希望輸出的範例

2 個回答

1
ckp6250
iT邦研究生 1 級 ‧ 2021-03-08 05:45:01

不管資料有多少筆,先利用SQL語法,分成十組,那就簡單了。

1
euclid
iT邦見習生 ‧ 2021-03-08 18:00:35

Javascript写的话,推荐使用echart 进行绘制
https://ithelp.ithome.com.tw/upload/images/20210308/20135167iYzFITzHVV.png

我要發表回答

立即登入回答