javascript - Highcharts xrange 图表不考虑日期时间 xAxis 最小值和最大值 - 显示两侧的空间

Question

如何让我的图表尊重我设置的最小和最大 xAxis 值，而不用在左侧和右侧填充图表？我基本上希望图表从最左边的最小 xAxis 值开始，并在最右边的最大 xAxis 值结束，两边都没有任何额外的填充/边距。

以下是我正在使用的图表选项:

{
  "title": {
    "text": "Zone History"
  },
  "chart": {
    "type": "xrange",
  },
  "xAxis": {
    "type": "datetime",
    "min": 1500678032000,
    "max": 1500684162000,
    "startOnTick": false,
    "tickmarkplacement":"on",
  },
  "yAxis": {
    "title": "",
    "min": 0,
    "max": 0,
    "labels": {
      "enabled": false
    }
  },
  "tooltip": {},
  "credits": {
    "enabled": false
  },
  "plotOptions": {
    "series": {
      "grouping": false
    }
  },
  "noData": {
    "style": {
      "fontSize": "24px",
      "color": "#202030"
    }
  },
  "series": [
    {
      "name": "Zone 5",
      "data": [
        {
          "x": 1500677781000,
          "x2": 1500678032000,
          "y": 0
        }
      ],
      "_colorIndex": 0
    },
    {
      "name": "Zone 6",
      "data": [
        {
          "x": 1500678104000,
          "x2": 1500679562000,
          "y": 0
        },
        {
          "x": 1500682921000,
          "x2": 1500684162000,
          "y": 0
        }
      ],
      "_colorIndex": 1
    },
    {
      "name": "Zone 7",
      "data": [
        {
          "x": 1500679583000,
          "x2": 1500680765000,
          "y": 0
        }
      ],
      "_colorIndex": 2
    }
  ]
}

请参阅包含的 fiddle 以了解上述代码的当前版本:http://jsfiddle.net/evgcbtrj/

感谢您的浏览!

Answer 1

将 pointPlacement 设置为“on”应该可以帮助您消除图表两侧不必要的填充。

plotOptions: {
  series: {
     pointPlacement: 'on'
  }
}

API引用:
http://api.highcharts.com/highcharts/plotOptions.series.pointPlacement

示例:
http://jsfiddle.net/nnt5t1ho/