Advertisement

Angular入门教程系列:统计图表G2

阅读量:

G2作为蚂蚁金服推出的开源可视化前端组件库,在实际应用中非常便捷。文章将采用简单示例展示柱状图制作过程,并详细说明其在数据分析中的具体应用场景。该文旨在通过直观图表帮助读者快速掌握数据分布特征。

安装g2

从版本3起,data-set被分割成了独立的部分,简单的操作无需预先安装@antv/data-集,这样就不需要再依赖@antv/data-集

复制代码
    liumiaocn:ng6demo liumiao$ npm install @antv/g2 --save
    npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.
    
    + @antv/g2@3.2.6
    added 38 packages in 10.817s
    lium

安装data-set: npm install @antv/data-set –save

引入方式

npm install之后,在angular中可以使用如下方式引入G2

复制代码
    import G2 from '@antv/g2/build/g2';

全部评论 (0)

还没有任何评论哟~