前言：
此刻咱们对“html饼状图”都比较讲究，各位老铁们都想要学习一些“html饼状图”的相关资讯。那么小编在网上搜集了一些有关“html饼状图””的相关资讯，希望咱们能喜欢，大家一起来了解一下吧！我是笑林新记，分享一下我使用JQuery的一些用法，希望对大家有帮助！
主要引用：gvChart 1.0.1版本和JQuery 1.11.3版本。
gvChart有五种基本图表，分别是面积图、折线图、条形图、柱状图和饼状图。
01
面积图
面积图效果预览：
html代码：
底部tr截图不完整，不影响，手动补齐即可。两个tr表示有两组数据。
JS代码：
gvChart 使用前必须进行初始化。必须要调用gvChartInit()方法。chartType表示图形报表的类型，AreaChart表示面积图。gvSettings中可以设置vAxis:纵向标题，hAxis:横向标题，width：图表宽度，height：图表高度。myTable1指的是html中table标签的ID。
02
折线图
折线图效果预览：
html代码和面积图代码基本相似。可参考面积图表的html
JS代码：
将chartType值设置为LineChart即表示折线图。
03
条形图
条形图效果预览：
html代码和面积图代码基本相似。
JS代码：
将chartType值设置为BarChart即表示条形图。
04
柱状图
柱状图效果预览：
html代码和面积图代码基本相似。三组数据只需要三个tr即可，html内容参考面积图的html即可。
JS代码：
将chartType值设置为ColumnChart即表示柱状图。
05
饼状图
饼状图效果预览：
html代码和面积图代码基本相似。
JS代码：
将chartType值设置为PieChart即表示饼状图。
原文有完整演示html下载地址，点击了解更多阅读原文。。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #html饼状图
