阿里G2-chart.js数据可视化解决方案

https://www.jianshu.com/p/e219cba21f87

在许多需要数据分析的情况中，我们极多使用图表去做数据分析。

Github上有很多这种类型的开源库可供使用

最近在使用阿里的G2，使用方法相当方便。

用例：

1.首先定义一个区域用于显示图表

<div id=“testChart”></div>

2.初始化图表大小，单位默认为px

<script>

    const chart = new G2.Chart({

      container: 'testChart',

        width: 600,

        height: 300

})

3.定义数据，在这里，我使用假数据，你也可以通过ajax的响应数据来，但是要封装好，因为图表接受的是一个对象数组

//4.定义数据

const data = [

  { genre: 'Sports', sold: 275 },

  { genre: 'Strategy', sold: 115 }