1,我要繪制這樣的一幅圖:帶坐標(biāo),每個(gè)坐標(biāo)點(diǎn)的數(shù)據(jù)如下:[x(橫坐標(biāo)), y(縱坐標(biāo)), weight(權(quán)重)]不同權(quán)重顏色不同,權(quán)重越高,顏色越亮,如果權(quán)重為0,就是藍(lán)色。圖片顏色會(huì)產(chǎn)生一定的漸變。2,我看了下echarts的散點(diǎn)圖,覺得echarts不能完全滿足需求。主要原因如下:echarts繪制散點(diǎn)圖的大致思路是,給定坐標(biāo)范圍和需要繪制的坐標(biāo)點(diǎn),然后在需要繪制的坐標(biāo)上畫點(diǎn)。如果只有一個(gè)系列的數(shù)據(jù),這個(gè)系列就只會(huì)有一個(gè)顏色。我的數(shù)據(jù)就只有一個(gè)系列,因此顏色漸變的效果較難實(shí)現(xiàn)。3,問(wèn)題:(1)前端是否還有其它的canvas或其它js畫圖插件可以實(shí)現(xiàn)我的需求?(2)如果沒有,我的另一個(gè)思路是:用canvas繪制一個(gè)坐標(biāo)系(82x82),圖片由后端生成,然后用canvas將后端圖片繪制到坐標(biāo)系中。但繪制坐標(biāo)系貌似也比較麻煩,有沒有比較好用的庫(kù)來(lái)實(shí)現(xiàn)?(項(xiàng)目著急,感覺自己手寫js搞不定)。
前端如何繪制帶坐標(biāo)的散點(diǎn)圖(注:散點(diǎn)的顏色與權(quán)重有關(guān))
蝴蝶不菲
2019-02-12 21:42:51