Question

以前版本的highcharts中的行的边缘样式（至少通过2.2）在遇到空值时以块状边结束。在当前版本的highcharts中，边缘是圆形的，这使得我更难以从另一个系列的点中辨别出我正在制作的图表中的短线。以下是我希望使用highcharts 2.2来查看线条的方式：jsfiddle

我无法弄清楚如何使用当前的高位图使它们看起来那样：jsfiddle。我已经尝试过禁用标记和添加方形标记之类的东西，但没有运气。

以下是创建图表的代码：

<script src="http://code.highcharts.com/2.2/highcharts.js"></script>

或

<script src="http://code.highcharts.com/highcharts.js"></script>

和这个情节：

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },

    xAxis: {
        type: 'datetime'
    },
    plotOptions: {
        line: {
           lineWidth: 10,
           marker: {
               enabled: false
           }
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, null, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        pointStart: Date.UTC(2012, 0, 1),
        pointInterval: 24 * 36e5
    }]

});

Answer 1

将plotOptions.line.dashStyle设为'Solid'。 Example JSFiddle

（这应该是默认的，所以为什么明确地设置它们使它们非圆形是奇怪的。）

将highcharts v4中的线条样式还原为旧样式（v2.2）

1 个答案: