AntV的图表position方法传参解决办法

46次阅读

共计 539 个字符,预计需要花费 2 分钟才能阅读完成。

一句话总结: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 轴变量。

正文完
 0