HighCharts：添加虚线

Question

我有这张 HighCharts：

$('#container').highcharts({
    chart: {
        type: 'scatter'
    },
    title: {
        text: 'Title'
    },
    plotOptions: {
        scatter: {
            dataLabels: {
                enabled: true,
                formatter: function() {
                    return this.point.value;
                }
            }
        }
    },
    series: [
            {
                name: 'Points',
                data: [
                    { x: 10, y: 25, value: 96.1 },
                    { x: 50, y: 25, value: 96.3 },
                    { x: 10, y: 50, value: 96.0 },
                    { x: 50, y: 50, value: 96.3 },
                    { x: 90, y: 50, value: 96.4 },
                    { x: 100, y: 50, value: 96.5 },
                    { x: 10, y: 100, value: 96.1 },
                    { x: 50, y: 100, value: 96.3 },
                    { x: 100, y: 100, value: 96.6 }
                ]
            }
        ]
});

我想用虚线标记 90/100 点。我该怎么做？

参见my JSFiddle。

Answer 1

我会用scatter series with enabled line: http://jsfiddle.net/6x6s09d8/4/

{
    data: [
        [90, 20],
        [90, 100],
        [10, 100]
    ],            
    lineWidth: 2,
    dashStyle: 'Dash',
    lineColor: 'black',
    type: 'scatter',
    marker: {
        enabled: false  
    },
    showInLegend: false,
    enableMouseTracking: false
}

现在唯一的限制是为两个轴设置 minPadding: 0。

HighCharts：添加虚线

HighCharts: add dashed line

highcharts