AntV的圖表position方法傳參解決辦法
一句話總結:position([name, value])解決變數傳參,如果已經解決你的問題,那麼就不用往下看啦!!!
想了解更多,看下以下的叨叨叨~~~
借用官網的一段程式碼,連結:https://antv.alipay.com/zh-cn...
chart.interval().position('a*percent').color('name', ['#1890FF', '#13C2C2', '#2FC25B', '#FACC14', '#F04864', '#8543E0']).adjust('stack').style({ lineWidth: 1, stroke: '#fff', lineJoin: 'round', lineCap: 'round' }).animate({ appear: { duration: 1200, easing: 'bounceOut' } });
這裡的position稍微解釋下:
position:位置,二維座標系內對映至 x 軸、y 軸;
及position()裡的變數a*percent即指定x軸,y軸,但實際應用中我們希望定義一個公共方法,以變數形式傳參生成多個圖表,那麼換做陣列傳參position([name, value]),name,value分別是你的指定的x軸、y軸變數。