Hightcharts Display Date month on X-Axis

Question

Я пытаюсь создать диаграмму, которая отображает данные последних семи дней, используя диаграмму области.

Есть ли способ динамически отображать экранные диаграммы в течение последних семи дней по оси x?

Формат: 2 июня, 3 июня и т.д.

Answer 1

Почему бы не сделать xAxis datetime и передать ваши ежедневные значения, то установите xAxis min на 7 дней назад с вашей последней точки?

Вот пример того, что нужно сделать: jsFiddle

Самое важное звено для Highcharts: Reference

Поскольку мы не знаем, как вы тянете в данных и отправки Highcharts остальное до вы. Главное - прочитать справочную документацию. HighCharts безумно мощный и настраиваемый. Кроме того, если у вас есть набор данных, основанный на времени, убедитесь, что данные, которые вы передаете, находятся в хронологическом порядке. В то время как это не подведет ваши смешавшиеся значения, это будет выглядеть странно и вызвать массовую истерию.

Answer 2

var x = new Array(); 

for(i=0;i<30; $i++) 
     { 
     x[i]="June "+x[i]; 
     } 

/* объект диаграммы */

chart = new Highcharts.Chart({ 
     chart: { }, 
     . 
     . 
     xAxis: { 
      categories: x 
     } 
}); 

Перед тем, как определить х массив оси, а затем использовать вызов highchart график функция.