javascript - Highcharts - 具有居中步长的连续线(在第一个点之前开始)

Question

使用 Highcharts，我尝试绘制一个“以步骤为中心”的系列。它有效，但我真的希望我的线在我的第一个点之前开始并经过我的最后一个点。

这是我的选择:

series: [{
                type: 'line',
            data: [5, 6, 7, 8, 9 , 10, 11, 12, 13],
            step: 'center',
            name: 'Center'
        }]

一个JSFiddle example .

左边是我想要做的事情的说明:

在右边，最后:

Answer 1

您可以通过在第一个点之前添加新点并在最后一个点之后添加最后一个点来制作类似的图表:

  data: [5, 5, 6, 7, 8, 9, 10, 11, 12, 13, 13],

然后您可以使用 xAxis.min 和 xAxis.max 在图表上仅显示您想要的范围:

xAxis: {
  categories: ['', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', ''],
  min: 1,
  max: 9
},

在这里您可以看到它如何工作的示例:http://jsfiddle.net/3ggbqt33/9/