AntV F2
文章平均质量分 70
Zan^Z
这个作者很懒,什么都没留下…
展开
-
antv/g2图表tooltip自定义并展示坐标之外的数据
首先使用itemTpl自定义tooltip效果是这样的tooltip展示坐标之外的数据感觉Antv文档很不详细,写这块时找了好久才找到方法,现在记一下,方便今后的观看和其他遇到此问题的同学解决办法。itemTpl this.chart.tooltip({ showCrosshairs: true, // 展示 Tooltip 辅助线 shared: true, showMarkers: false, containerT原创 2022-01-14 11:14:11 · 2747 阅读 · 0 评论 -
小程序使用AntV F2自定义图表和legend交互
var data = [{ lx: 'Jon Nicoll', score: 282, avgScore: 94 }, { lx: 'Aaron Maxwell', score: 208, avgScore: 41.6 }, { lx: 'Warren Clunes', score: 186, avgScore: 46.5 }, { lx: 'David Bolton', score: 184, av原创 2020-10-16 10:07:27 · 1752 阅读 · 0 评论 -
小程序使用AntV F2三柱状图,横向左右滑动
效果如图:注意:数据格式的number不可有双引号。const app = getApp()let chart = null;function initChart(canvas, width, height,) { // 使用 F2 绘制图表 const data = [{index: 0, name: "客单价", lx: "迎风店", number: 34.64}, {index: 0, name: "客流量", lx: "迎风店", number: 14}, {index原创 2020-09-23 15:04:20 · 2034 阅读 · 19 评论 -
小程序使用AntV f2写双Y轴折线图及遇到的问题
1.根据官方文档仅有的部分内容,可知,不管是折线图,柱状图还是饼图,数据都要使用它规定的数据格式才可以。下面开始写我所用到的图表1.双Y轴双折线图的写法效果://注意部分:数据带有双引号,Y轴上不会从小到大排列const app = getApp()let chart = null;function initChart(canvas, width, height,) { // 使用 F2 绘制图表 const data =[{time:'07:00:00--07:59:69', kdj:2原创 2020-09-22 16:22:17 · 2909 阅读 · 5 评论