$(function () {
$('#container').highcharts({
chart: {
marginBottom: 80
},
xAxis: {
labels: {
align: 'left',
x: 1,
y: 50
},
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
labels: {
align: 'left',
x: 1,
y: -20
},
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
})
})
步骤一：老规矩，插入highcharts.js和jquery.min.js步骤二：先做柱状图
先设置一个container的ID,高和宽自己定，这里，我定稿为400px
然后是图表的js：
说明一：在输入月份等类型时候，也可以写成英文，写成中文，记着就爱utf-8，不然会乱码哦。
说明二：设置 allowPointSelect: true，启用选择。
步骤三：设置按钮
先设置id=button
获得选择点
然后设置函数：
// the button action
$('#button').click(function() {
var selectedPoints = $('#container').highcharts().getSelectedPoints()
alert ('你选择了 '+ selectedPoints.length +' points')
})
})
好了一个基本的highcharts 柱状图以及选择功能就做好了，比较简单。
