需求:直方图与散点图绘制并可选择柱子,柱状图某一列柱子的高亮显示
分析:绘制直方图需要引入histogram-bellcurve.js文件,并设置图表类型为histogram(直方图),散点图只需设置图表类型为scatter即可实现,多轴不同步进行修改刻度在轴属性里用alignTicks(同步修改轴刻度)进行设置
解决:
源代码:
示例
需要注意的是,上述示例只是一个简单的示范,实际使用时需要根据具体的数据和需求进行适当的调整和扩展。
Highcharts提供了丰富的配置选项,也可以参考Highcharts官方文档来了解更多细节和API用法。
希望这些信息对大家有所帮助!如果您有任何其他问题,请随时提问。
直方图与散点图图表一起绘制以上表为例进行总结:
直方图与散点图多轴绘制
- 导入histogram-bellcurve.js文件
- 在xAxis/yAxis写两组轴并开启(opposite)相反一侧属性
- 在系列(series)写两组数据列
- 在数据列中用(xAxis:/yAxis:)指定相关轴并指定直方图散点图图表属性
- 接着使用allowPointSelect(选择点)属性使图表可选择