Highcharts隐藏的旗帜

Question

如何强制图表显示左旗？

http://jsfiddle.net/25hBZ/

$('#container').highcharts('StockChart',{

  series: [
      {data: [[1397760750356,1],[1401353540540,10],[1401455794172,100]], type: 'spline'},

      {"name":"ELOXATIN","data":[[1397760750356,15],[1401455794172,15]],"type":"spline","id":"dataseries_17328","enableMouseTracking":false},

      {"type":"flags","data":[{"x":1397760750356,"title":"A","text":"something"},{"x":1401455794172,"title":"B","text":"something"}],"onSeries":"dataseries_17328","shape":"squarepin"}
  ]
});

http://monosnap.com/image/3vs327Xw0A62ktOAENBJDc2O7jmCqr

我尝试过设置极限，maxPadding，minPadding等等。问题仅出在边缘的标志上。

有什么想法吗？

Answer 1

我能看到的唯一解决方法是在“data”属性中添加一个额外的“null”。

  {data: [[null,null],[1397760750356,1],[1401353540540,10],[1401455794172,100]], type: 'spline'},

点击YTD或1y后，项目显示正常，但底部的导航可以向左滚动。

根据您的评论添加以下内容：

xAxis: {
    min: 1390000000000  
},

这将确保您从正确的位置正确放大。但请记住，如果您的数据是动态的，您需要以某种方式对其进行舍入，以便显示它。