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

 阅读约 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轴变量。

阅读 341更新于 4月12日
推荐阅读
目录