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

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

摘要：一句话总结解决变量传参，如果已经解决你的问题，那么就不用往下看啦想了解更多，看下以下的叨叨叨借用官网的一段代码，链接这里的稍微解释下位置，二维坐标系内映射至轴轴及里的变量即指定轴，轴，但实际应用中我们希望定义一个公共方法，以变量形式传参生

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

云服务器 GPU云服务器的解决办法微软的解决办法 use的解决办法换ip的解决办法

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

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

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

摘要：新公司已经呆了一个多月，目前着手一个数据可视化的项目，数据可视化肯定要用到图形库如等，经决定我的这个项目用阿里旗下蚂蚁金服所开发的图表库。数据提示框内提示的信息还可以通过格式化函数动态指定。新公司已经呆了一个多月，目前着手一个数据可视化的项目，数据可视化肯定要用到图形库如D3、Highcharts、ECharts、Chart等，经决定我的这个项目用阿里旗下蚂蚁金服所开发的G2图表库。...

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相...

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

摘要：从年知道后就开始使用它来记录自己的编码时间，但作为免费版只能查看最近两周的数据，于是很久之前就写了一个程序同步自己的历史数据，不过一直没找到合适的图表插件像官网那样展示数据信息。版本的代码也实现了相关的同步展示逻辑，代码在分支中。从16年知道 WakaTime 后就开始使用它来记录自己的编码时间，但作为免费版只能查看最近两周的数据，于是很久之前就写了一个程序同步自己的历史数据，不过一...

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

摘要：开始使用项目开发，我写的是折线面积图滑动下载直接引入就开始画图创建指定开始绘制对数据源格式的要求，仅仅是数组，数组的每个元素是一个标准对象。数据可视化插件——AntV AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践平常开发中大家都会接触一些数据可视化工具，常用的echarts，Highcharts，D3等。个人觉得A...

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