Chart图表
引用
<script src="Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="highcharts.js"></script>
先后顺序不能反
在body里给三个div分别给上id
$(function () {
$("#container1").highcharts({ //图表展示容器,与div的id保持一致
chart: {
type: 'column', //指定图表的类型,默认是折线图(line)
},
title: {
text: '这是柱状图', //指定图表标题
},
xAxis: {
categories: ['my', 'first', 'chart'], //指定X分组
},
yAxis: {
title: {
text: 'something', //指定Y轴的标题
},
},
series: [ //指定数据列
{
name: 'Jane', //数据列名
data: [1, 2, 4], //数据
}, {
name: 'John',
data: [5, 3, 7],
}
],
});
});