g2 是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，可以制作不同的交互式图形。那么，g2的使用方法是什么？
工具/原料
1
JavaScript
2
HTML5
3
CSS3
4
g2插件
5
HBuilderX
6
浏览器
7
WPS
8
截图工具
方法/步骤
1
打开HBuilderX工具，创建Web项目，并将g2.min.js文件拷贝到js文件夹中；然后新建静态页面zhu.html
2
打开已新建的页面文件，引入g2.min.js文件并修改title标题内容
3
在
标签中，插入一个div标签，并设置id属性值，利用ID选择器设置图形容器宽度和高度4
在标签中，定义图形数据源data，是以json格式展示
5
接着调用G2.Chart创建图形对象，绑定图形容器，设置width和height
6
利用对象点source()，传入图形数据源data，加载图形数据
8
保存代码并运行项目，打开浏览器预览图形效果，可以查看到柱状图
总结
1、新建文件2、插入容器3、定义数据4、创建对象5、载入数据6、创建图形7、渲染图表8、运行查看END
注意事项
1
注意g2的使用方法
2
注意如何使用g2创建不同的图形
下一篇：如何用代码设置文本阴影