![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
AntV图表
shalDream
这个作者很懒,什么都没留下…
展开
-
仿蚂蚁基金效果AntV的蚂蚁数据可视化F2折线图、买卖点和自定义标签(注释详尽)
<canvas id="lineCanvas"></canvas>var chart = chart1 = new F2.Chart({ id: 'lineCanvas', pixelRatio: window.devicePixelRatio});var finData = [{ "date": "2010-01-10", "type": "能源", "value": 99.9 }, { "date": "2010-01-10", "type": "金属", "va原创 2020-11-06 12:58:33 · 3113 阅读 · 0 评论 -
仿蚂蚁金服AntV框架蚂蚁数据可视化F2 基金折线图、对比图(包含买卖点、自定义标签等,注释详尽)
大家好,这次使用的是AntV的蚂蚁数据可视化F2框架,类似于蚂蚁基金的效果,包含买卖点、自定义标签等,代码如下:F2框架参考网址:https://antv-f2.gitee.io/zh/examples/line/multiple#customize-tootlip可以进入该网址,直接复制下方代码进行调试或观察。<canvas id="container"></canvas>import F2 from '@antv/f2';const data = [{ dat原创 2021-07-15 14:52:36 · 2738 阅读 · 0 评论 -
仿蚂蚁金服AntV框架蚂蚁数据可视化F2饼图(注释详尽)
大家好,这次使用的是AntV的蚂蚁数据可视化F2框架,类似于蚂蚁基金的效果,代码如下:F2框架参考网址:https://antv-f2.gitee.io/zh/examples/pie/donut#basic<canvas id="pieCanvas"></canvas>import F2 from '/utils/f2';const data = [{ name: '类型1', percent: 59.12, a: '1'}, { name: '类型2原创 2021-07-14 11:22:28 · 2877 阅读 · 0 评论 -
仿蚂蚁金服AntV框架蚂蚁数据可视化F2条形图、柱状图(注释详尽)
大家好,这次使用的是AntV的蚂蚁数据可视化F2框架,类似于蚂蚁基金的效果,代码如下:F2框架参考网址:https://antv-f2.gitee.io/zh<canvas id="barCanvas"></canvas>import F2 from '@antv/f2';const data = [{ year: '1951 年', sales: 38}, { year: '1952 年', sales: 52}, { year: '1956 年原创 2021-07-12 15:38:11 · 3549 阅读 · 0 评论