Highcharts Xrange-Diagramm respektiert nicht datetime xAxis Min- und Max-Werte - zeigt Platz auf beiden Seiten

Question

Wie kann ich erreichen, dass mein Diagramm die minimalen und maximalen xAxis-Werte respektieren, ohne das Diagramm links und rechts auffüllen? Ich möchte im Grunde die Grafik ganz links mit dem Wert min xAxis beginnen und sie ganz rechts mit dem Wert max xAxis enden lassen, ohne dass auf beiden Seiten zusätzliche Abstände/Ränder vorhanden sind.

Hier sind die Diagrammoptionen Ich bin mit: http://jsfiddle.net/evgcbtrj/

Dank für das Schauen:

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

Bitte die mitgelieferte Geige für die aktuelle Version des obigen Code sehen!

Answer 1

Das Setzen von pointPlacement auf 'on' sollte Ihnen helfen, die unnötige Auffüllung auf beiden Seiten des Diagramms zu beseitigen.

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

API Referenz:
http://api.highcharts.com/highcharts/plotOptions.series.pointPlacement

Beispiel:
http://jsfiddle.net/nnt5t1ho/