Highcharts как использовать процентную область со временем

Question

Для моего проекта мне нужно использовать процентную область (Highcharts js) для отображения данных по дням, но мне не удалось преобразовать пример, заданный Highcharts.

В принципе, я хочу это (http://www.highcharts.com/demo/area-stacked-percent) с интервалом в 24 часа по оси x.

У кого-нибудь есть пример?

Answer 1

Взгляните на этот jsFiddle кратко описаны ниже

$(function() { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type:'area' 
     }, 
     xAxis: { 
      type: 'datetime' 
     }, 

     plotOptions: { 
      series: { 
       pointStart: Date.UTC(2010, 0, 1), 
       pointInterval: 24 * 3600 * 1000 // one day 
      }, 

       area: { 
        stacking: 'percent', 
        lineColor: '#ffffff', 
        lineWidth: 1, 
        marker: { 
         lineWidth: 1, 
         lineColor: '#ffffff' 
        } 
       } 
      }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1,  95.6, 54.4] 
     }, { 
      data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5,  106.4, 129.2] 
     }] 
    }); 
}); 

EDIT: Я вы хотите быть более конкретным в течение дней, построить ваши данные серии, как показано here

data: [{x:Date.UTC(2010, 0, 1),y:29.9}, {x:Date.UTC(2010, 0, 2),y:71.5},  
     {x:Date.UTC(2010, 0, 3),y:106.4}, {x:Date.UTC(2010, 0, 4),y:129.2}, 
     {x:Date.UTC(2010, 0,5),y:144.0}, {x:Date.UTC(2010, 0, 6),y:176.0}, 
     {x:Date.UTC(2010, 0, 7),y:135.6}, {x:Date.UTC(2010, 0, 8),y:148.5}, 
     {x:Date.UTC(2010, 0, 9),y:216.4}, {x:Date.UTC(2010, 0, 10),y:194.1}, 
     {x:Date.UTC(2010, 0, 11),y:95.6}, {x:Date.UTC(2010, 0, 12),y:54.4} 
] 

Будьте осторожны, чтобы имеют данные для каждого дня в обеих сериях (даже 0), или вы будете управлять рендерером безумным ...