Antv g2
antv g2图表
北鼻娃
一个平平无奇的前端程序媛罢了
展开
-
react+antv g2折线图定时器刷新数据
使用changeData 实时更新数据 需求:定时刷新接口,获取最新数据,并且渲染到 g2折线图中,每次只展示最新的20个数据。 那么我就直接上代码啦(主要代码)! 父组件中: state={ lineData :[] } componentDidMount() { this.initData() } initData = () => { const { lineData } = this.state; let url = `${dataUrl}/sto原创 2021-02-24 13:57:56 · 2498 阅读 · 0 评论 -
关于React+antv g2柱状图的那些事
关于antv g2柱状图的那些事 技术栈:react+antv g2 渲染基础柱状图: import React, { Component } from 'react' import { Chart } from '@antv/g2'; export class BarChart extends Component { componentDidMount() { const data = [ { time: '1951 年', value: 38 }, { time: '原创 2021-02-06 15:20:10 · 2543 阅读 · 10 评论