Highcharts xAxis之間的多個數據點

Question

我正在使用Highcharts，並試圖在xAxis上的任意點之間獲取多個點。 （例如，我想在10月到11月間得4分。）我該怎麼做？

我已經嘗試在y上添加[]來指定多個值，但那不起作用。我似乎無法得到任何工作，我可以在高層網站上找到任何這方面的例子。

http://jsfiddle.net/wUDBW/1/

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'area' 
      }, 
      title: { 
       text: "Title" 
      }, 
      credits: { 
       enabled: false 
      }, 
      xAxis: { 
       categories: ["October", "November", "December", "January", "February", "March"], 
       tickmarkPlacement: 'on', 
       title: { 
        enabled: false 
       } 
      }, 
      yAxis: { 
       title: { 
        text: 'Counts' 
       }, 
       labels: { 
        formatter: function() { 
         return this.value; 
        } 
       } 
      }, 
      tooltip: { 
       formatter: function() { 
        return '<strong>Count:</strong> ' + this.y + '<br><strong>Date:</strong> ' + this.point.date; 
       } 
      }, 
      plotOptions: { 
       area: { 
        stacking: 'normal', 
        lineColor: '#666666', 
        lineWidth: 1, 
        marker: { 
         lineWidth: 1, 
         lineColor: '#666666' 
        } 
       } 
      }, 
      series: [{ 
       name: 'Views', 
       data: [{ 
        y: 3, 
        date: 'October 9th, 2012', 
        unlocked: 1, 
        potential: 1, 
       }, { 
        y: 5, 
        date: 'October 12th, 2012', 
        unlocked: 1, 
        potential: 2, 
       }, { 
        y: 7, 
        date: 'October 14th, 2012', 
        unlocked: 1, 
        potential: 3, 
       }, { 
        y: 7, 
        date: 'October 18th, 2012', 
        unlocked: 1, 
        potential: 3, 
       }, { 
        y: 7, 
        date: 'October 22nd, 2012', 
        unlocked: 1, 
        potential: 3, 
       }, { 
        y: 7, 
        date: 'October 23rd, 2012', 
        unlocked: 1, 
        potential: 3, 
       }, ] 
      }, { 
       name: 'Replies', 
       data: [{ 
        y: 3, 
        date: 'October 9th, 2012', 
        unlocked: 1, 
        potential: 1, 
       }, { 
        y: 5, 
        date: 'October 12th, 2012', 
        unlocked: 1, 
        potential: 2, 
       }, { 
        y: 7, 
        date: 'October 14th, 2012', 
        unlocked: 1, 
        potential: 3, 
       }, { 
        y: 7, 
        date: 'October 18th, 2012', 
        unlocked: 1, 
        potential: 3, 
       }, { 
        y: 7, 
        date: 'October 22nd, 2012', 
        unlocked: 1, 
        potential: 3, 
       }, { 
        y: 7, 
        date: 'October 23rd, 2012', 
        unlocked: 1, 
        potential: 3, 
       }, ] 
      }], 
      exporting: { 
       enabled: false 
      } 
     }); 
    }); 
}); 

Answer 1

你需要指定x軸值

data: [{ 
       y: 3, 
       x: Date.UTC(2012, 9, 9) 
       date: 'October 9th, 2012', 
       unlocked: 1, 
       potential: 1, 
      }, { 

您還需要刪除x軸類別，使XA類型爲「日期時間」 一個例子是這裏http://www.highcharts.com/demo/spline-irregular-time