2016-04-22 3 views
0

Я хотел бы спросить, знает ли кто-нибудь, как установить ось X в Highcharts во времени. В моем приложении берутся данные из базы данных, а частота образцов - 250 мс. Я хочу, чтобы ось X не показывала подсчитанные значения, а что-то вроде времени. Я делаю 2500 значений одновременно, так что это означает 10 секунд. Лучше всего было бы иметь на оси X и отметку каждые 0,5 секунды, что означает, что каждые 125 выборок отмечают. (0 образцов = 0 сек), (125 выборок = 0,5 сек), (500 образцов = 1 сек), (725 образцов = 1,5 с)Highcharts time X axis

Спасибо за ваше мнение .....

       chart() { 
            var options = { 
             chart: { 
              renderTo: 'services', 
              type: 'line', 
              animation: 'false' 
             }, 

             plotOptions: { 
              series: { 
               animation: { 
                duration: 10000 
               } 
              } 
             }, 

             series: [{marker: { 
                enabled: false 
               }}] 
             }; 
+0

Можете ли вы быть немного яснее? Вам просто нужно, чтобы «тики» X-Axis отображались с интервалом «0,5» и имели ли у них метку с суффиксом «сек» или это сложнее? – apokryfos

+0

[this] (http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/dynamic-update/) может помочь –

+0

I нужно отметить каждые 125 выборок наполовину secod ...... теперь он маркирует каждые 500 обработанных образцов диаграммы defalult. Таким образом, последовательность на оси X делает отметку после выданных 500 образцов. Мы можем сказать, что он отмечает каждые 500 выборок. Так что это 0 ....... 500 ...... 1000 ...... 1500 ..... 2000 ...... 2500. Мне нужно иметь его после каждых 125, и он должен быть отмечен 0,5 сек. Каждый 125 образцов составляет 0,5 секунды. –

ответ

1

Вы можете поставить собственный форматированный ярлык. Например ...

xAxis: { 
    labels: { 
     formatter: function() { 
      return (baseTime + (this.value/500)) + " sec"; 
     } 
    } 
}, 

где baseTime - это время первой точки данных.

Документация для пользовательских этикеток форматировщиком можно найти на ...

http://api.highcharts.com/highcharts#xAxis.labels.formatter

+0

ДА! он показывает время на оси X, единственная проблема заключается в том, что после рендеринга новой группы данных время снова возвращается с нуля .... –

+0

@FilipMartiak Затем измените значение baseTime при рендеринге новой группы данных. –

Смежные вопросы