图表
前端小跑堂
这个作者很懒,什么都没留下…
展开
-
AntV 折线图
AntV 折线图Step 1npm install @antv/g2Step 2创建折线图容器<div id='lineChart' />Step 3渲染效果源码: const data: any = [ {date: "01/01/2021", num: 12}, {date: "01/10/2021", num: 3}, {date: "01/20/2021", num: 4}, {date: "01/28/2021", num: 5}, {da原创 2021-02-22 16:25:55 · 1260 阅读 · 0 评论 -
AntV 柱状图
AntV 柱状图图表Step 1npm install @antv/g2Step 2创建柱状图容器<div id="bar" />代码截图:代码生成效果源码:useEffect(() => { // 创建 Chart 对象 const chart = new Chart({ container: 'bar', // 指定图表容器 ID autoFit: true, // 指定图表宽度 height: 300, /原创 2021-02-22 15:48:06 · 727 阅读 · 0 评论