HighCharts 直方图与散点图多轴绘制，多轴不同步修改刻度

要使用 Higcharts 最快学会的方法，就是拿着官网给我们的例子，加以分析和修改。

兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts

需求： 直方图与散点图绘制并可选择柱子，柱状图某一列柱子的高亮显示

分析： 绘制直方图需要引入histogram-bellcurve.js文件，并设置图表类型为histogram（直方图），散点图只需设置图表类型为scatter即可实现，多轴不同步进行修改刻度在轴属性里用alignTicks（同步修改轴刻度）进行设置

解决：

源代码:

示例

需要注意的是，上述示例只是一个简单的示范，实际使用时需要根据具体的数据和需求进行适当的调整和扩展。

Highcharts提供了丰富的配置选项，也可以参考Highcharts官方文档来了解更多细节和API用法。

希望这些信息对大家有所帮助！如果您有任何其他问题，请随时提问。

直方图与散点图图表一起绘制以上表为例进行总结：

直方图与散点图多轴绘制

1. 导入histogram-bellcurve.js文件

2. 在xAxis/yAxis写两组轴并开启（opposite）相反一侧属性

3. 在系列（series）写两组数据列

4. 在数据列中用（xAxis：/yAxis：）指定相关轴并指定直方图散点图图表属性

5. 接着使用allowPointSelect（选择点）属性使图表可选择