如何对highcharts 柱状图进行制作与选择

Posted 2023-03-22

参考技术A 步骤一：老规矩，插入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 柱状图以及选择功能就做好了，比较简单。本回答被提问者和网友采纳