vue+g2plot基本用法

zzz

安装

1. npm install @antv/g2plot

复制代码

使用

1. //图表容器
   
2. <div id="c1"></div>
   
3. //渲染函数
   
4. function renderChart() {
   
5. const data = [
   
6.   { year: '1951 年', sales: 38 },
   
7.   { year: '1952 年', sales: 52 },
   
8.   { year: '1956 年', sales: 61 },
   
9.   { year: '1957 年', sales: 145 },
   
10.   { year: '1958 年', sales: 48 },
    
11. ];
    
12.   //配置参数
    
13. const bar = new Bar('c1', {
    
14.   data,
    
15.   xField: 'sales',
    
16.   yField: 'year',
    
17.   colorField: 'year',
    
18. });
    
19. //渲染
    
20. bar.render();
    
21. }
    
22. onMount(()=>{
    
23. renderChart()
    
24. })

复制代码