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

ityouknow 发布于2019-08-23 16:52 / 4515人阅读

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

云手机私有云的解决办法微软的解决办法 use的解决办法换ip的解决办法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103435.html

蚂蚁金服新一代数据可视化引擎 G2

...t等，经决定我的这个项目用阿里旗下蚂蚁金服所开发的G2图表库。官方地址：https://antv.alipay.com/g2/do... Github：https://github.com/antvis 2016年发布的开源库，时间虽短但库功能齐全，唯一不足的是社区太少，对于我这类菜鸟来说是件...

animabear 2019-08-20 16:32 评论0 收藏0
antv g2的理解总结

G2 G2本身是一门图形语法，G2和传统的图表系统（HighCharts，ACharts等）不同，G2是一个基于统计分析的语义化数据可视化系统。它真正做到了让数据驱动图形，让你在使用它时候不用关心绘图细节，只需要知道你想通过它怎么展...

baihe 2019-08-22 14:54 评论0 收藏0
三大图表库：ECharts 、 BizCharts 和 G2，该如何选择？

最近阿里正式开源的BizCharts图表库基于React技术栈，各个图表项皆采用了组件的形式，贴近React的使用特点。同时BizCharts基于G2进行封装，Bizcharts也继承了G2相关特性。公司目前统一使用的是ECharts图表库，下文将对3种图表库进行...

draveness 2019-04-23 13:19 评论0 收藏0
WakaTime数据同步展示工具

...了一个程序同步自己的历史数据，不过一直没找到合适的图表插件像官网那样展示数据信息。前些日子咨询了一下同事，得知了用 antv 可以绘制对应的图表数据，刚好现在也处于失业阶段，就花了几天时间又重新做了一个项目用...

focusj 2019-08-16 14:35 评论0 收藏0
第一次使用AntV中的F2

... chart.interval().position("genre*sold").color("genre"); // Step 4: 渲染图表 chart.render(); 嘿嘿，都是copy官网的相关API使用最常用的，毕竟其他的我也不会 Axis-坐标轴配置这个我主要用来自定义X轴Y轴内容。就那这个数据来举例吧 list: [ ...

livem 2019-08-23 14:58 评论0 收藏0