Highcharts - 具有居中步骤的连续线（在第一点之前开始）

Question

使用Highcharts，我试图以＆＃34;步为中心＆＃34;画一个系列。它有效，但我真的希望我的线在我的第一点之前开始并经历我的最后一点。

以下是我的选择：

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

A 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/