jqPlot - значения времени по оси Y

Question

jqPlot - значения времени по оси Y

0

Мне нужно создать график с датами по оси X и по оси Y.

Мой JS-код:

jQuery(document).ready(function ($) {
   var data = [["2013-04-25","00:11.557"],["2013-04-25","00:15.569"],["2013-04-25","00:11.733"],["2013-04-25","00:13.023"],["2014-04-26","00:22.333"]];
   var plot1 = $.jqplot('chartdiv', [data], {
     title:'Default Date Axis',
     axes:{xaxis:{renderer:$.jqplot.DateAxisRenderer}},
     series:[{lineWidth:4, markerOptions:{style:'square'}}]
     });
 });

Даты отображаются правильно на оси X, но я не знаю, как отображать значения по оси Y.

Как это делается в плагине jqPlot?

user1049961 26 апр. 2014, в 14:49

Источник

Теги:

jquery

jqplot

1 ответ

Ещё вопросы

NSS · Answer 1 · 2014-04-26T10-53-00.000Z

Я понял эту проблему здесь.

Основная проблема здесь - y-axis принимает только numeric значения, такие как 11.557, 15.569 ,... и так далее.

Кроме того, мне нужно добавить дополнительные атрибуты tickOptions для x-axis как:

tickOptions:{formatString:'%Y-%m-%d'}

Вот что я получил, чтобы работать:

jQuery(document).ready(function($){ 
  var data = [["2013-04-25",11.557],["2013-04-25",15.569],["2013-04-25",11.733],["2013-04-25",13.023],["2013-04-26",22.333]];
  var plot1 = $.jqplot('chartdiv', [data], {
    title: 'Default Date Axis',
    axes:{
      xaxis: { 
        renderer: $.jqplot.DateAxisRenderer,
        tickOptions:{formatString:'%Y-%m-%d'}       
      }
    },
    series: [{ lineWidth: 4, markerOptions: { style:'square' }}]
  });
});

Рабочая ссылка DEMO

+1 за рабочую демонстрационную ссылку :)
Спасибо, проблема в том, что значение времени может быть 05: 15.569, что трудно перевести на значение только числа ...