本文介绍如何利用Highcharts库在网页上创建一个简单的柱状图。具体步骤包括：在首页引入Highcharts的JS文件；在需要显示图表的位置添加一个指定大小的div容器；最后通过JavaScript代码配置图表的各项参数来生成图表。
1，在首页导入其js
2，在需要显示的页面添加一个div：<div id="chart-container-1" style="margin:5px 10px;width: 888px; height: 500px"></div>
3，在需要显示的页面添加js代码：
<script type="text/javascript">
var chart1; // globally available
$(document).ready(function() {
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'chart-container-1',
defaultSeriesType: 'bar'
},
title: {
text: '图表'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: '图标列名'
}
},
series: [{
name: 'Jane',
data: [5，6，7]
}]
});
$("tspan:last").hide();//注意，这个可以把广告删除掉，哈哈
});
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
