highcharts - 将绘图线添加到热图

Question

是否可以将绘图线添加到 Highcharts 中的热图？
所以我需要在热图中的 X 轴上添加特定时间的绘图线，如 this .

Answer 1

是的，这是可能的。只是不要忘记设置 zIndex ，默认情况下低于系列。见演示:http://jsfiddle.net/Zg325/

    yAxis: {
        title: {
            text: null
        },
        labels: {
            format: '{value}:00'
        },
        plotLines: [{
            value: 9,
            color: '#FF0000',
            width: 2,
            zIndex: 10
        }],
        minPadding: 0,
        maxPadding: 0,
        startOnTick: false,
        endOnTick: false,
        tickPositions: [0, 6, 12, 18, 24],
        tickWidth: 1,
        min: 0,
        max: 23
    },

注意:在您的示例中，图表已设置 inverted: true , 到 yAxis 变为水平轴。