HTML5图表

使用JavaScript/HTML5 Charts创建3D柱状图

我只是一个虾纸丫 提交于 2020-02-28 23:30:34
JavaScript/HTML5 Charts 是amCharts下的一款 JS图表控件 ,它支持多种图表类型和浏览器,是移动图表开发利器。今天为大家介绍一下如何用JavaScript/HTML5 Charts创建简单的 3D柱状图 ,以下是详细的步骤: 创建一个容器 我们将这个容器命名为“chartContainer”,参考以下代码: <body> <div id="chartContainer" style="width: 640px; height: 400px;"></div> </body> 引用JavaScript库 在HEAD部分,引用amCharts JavaScript库: <script src="js/amcharts.js" type="text/javascript"></script> 添加数据 引用一组JavaScript对象: <script type="text/javascript"> var chartData = [{ country: "USA", visits: 4252 }, { country: "China", visits: 1882 }, { country: "Japan", visits: 1809 }, { country: "Germany", visits: 1322 }, { country: "UK",