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
    }
  ]
}

請查看上面的代碼的當前版本隨附的小提琴： 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/