HighCharts含2个序列的倒置柱状图如何正确使用pointRange属性

问题根因 #

你原先的实现逻辑是每个积雪层对应一个独立的柱状序列（series），pointRange属于系列级配置项，不支持写在单个数据点中，你后续把所有积雪层数据塞到同一个series的data字段里的写法，完全破坏了原有多系列结构，因此pointRange失效。

解决方法 #

不需要修改原有chart1ResistanceData的结构，直接在定义series数组时把该配置数组展开，再追加温度折线的系列配置即可，正确写法如下：

series: [
    // 展开所有积雪层的柱状系列配置
    ...chart1ResistanceData,
    // 新增温度折线系列
    {
        type: 'line',
        yAxis: 1, // 绑定到第二个Y轴，需提前在yAxis配置中定义两个轴
        data: chart1TemperatureData
    }
]

配套配置校验 #

请确认以下配置保持正确：

• chart.inverted设为true
• plotOptions.column的groupPadding和pointPadding均设为0
• 如果需要积雪层堆叠展示，可在plotOptions.column中全局设置stacking: 'normal'，或给chart1ResistanceData的每一项统一加上stack: 'snow_profile'属性
• 提前在yAxis数组中定义两个轴，分别对应阻力数据和温度数据的刻度范围

内容的提问来源于stack exchange，提问作者Brad Varey