javascript - 用虚线连接的堆积柱点 highcharts

Question

尝试了很多方法都没有得到结果 请帮助我如何在 highchart 中生成这种图表。

Answer 1

该系列将从 Highcharts v8.0.0 开始提供:https://github.com/highcharts/highcharts/issues/11311 。现在您可以结合使用scatter和line系列:

var scatterData = [2, 3, 7, 8, 9],
    series = [{
        type: 'scatter',
        data: scatterData
    }];

scatterData.forEach(function(el, i) {
    series.push({
        dashStyle: 'ShortDash',
        data: [
            [i, 5],
            [i, el]
        ]
    });
});

Highcharts.chart('container', {
    series: series
});

<小时/>

现场演示: http://jsfiddle.net/BlackLabel/uwcL0h8b/

API引用: https://api.highcharts.com/highcharts/series.line.dashStyle