f2
beichen3997
每一天都是一个进步
展开
-
关于antv-f2如何使用在折线图上显示默认
1.在图标渲染完成后,我们需要展示一些默认数据,此时请看代码2.在图表上进行快速滑动的时候,上图中的红框中的竖线就会不展示,此时就会使用chart.tooltip中的onHide方法来进行当前滑动位置默认展示 getDafault(chart,data){ let tooltip= {showTitle: false,custom: true, showCrosshairs: true, def_item: data}..原创 2020-09-27 16:40:24 · 1945 阅读 · 0 评论 -
关于antv-f2如何使用在折线图上再次打点
上代码 if(this.canvasProps.showFalse){ // 是否展示异常 chart.point() .position(colorList[1].name) .size('abnormalBatteryCount', function(val) { // console.log(val,'val1') return val ..原创 2020-09-27 16:32:31 · 800 阅读 · 0 评论 -
关于antv-f2如何使用双坐标
上代码source:{ totalNetIncome: { // tickInterval: 50, alias: '总收益', tickCount: 5, formatter: (v) => { return '¥'+v }, },..原创 2020-09-27 16:29:48 · 812 阅读 · 0 评论 -
关于antv-f2如何修改纵坐标轴数值的添加单位
上代码在需要展示的字段使用formatter方法进行数据的再次转换 let source={ totalNetIncome: { // tickInterval: 50, alias: '总收益', tickCount: 5, formatter: (v) => { return '¥'+v ...原创 2020-09-27 16:23:59 · 3567 阅读 · 0 评论 -
关于antv-f2如何修改纵坐标轴数值的颜色
上代码使用chart.axios来进行canvas绘画,stroke进行颜色赋值 chart.axis('totalBattery',{ label: (text, index, total) => { const cfg = { // flll: 'red', ..原创 2020-09-27 16:19:17 · 3130 阅读 · 0 评论