jqPlot: Линейный график: Линии и тики не отображаются

Я борюсь с созданием линейного графика jqPlot, и я надеюсь, что кто-то может помочь. По какой-то причине мои линии и тики не появляются, и я не могу понять, почему. Ниже я скопировал неприятный код.jqPlot: Линейный график: Линии и тики не отображаются

Может ли кто-нибудь сказать мне, что я делаю неправильно?

Если есть что-то еще, что я могу сделать, чтобы помочь проиллюстрировать или решить проблему, пожалуйста, дайте мне знать.

$(document).ready(function(){ 

    var line1 = [['07-01-2014',0],['08-01-2014',87],['09-01-2014',0],['10-01-2014',0],['11-01-2014',0],['12-01-2014',0],['01-01-2015',0],['02-01-2015',71],['03-01-2015',0],['04-01-2015',83],['05-01-2015',0],['06-01-2015',82]] 
    var line2 = [['07-01-2014',0],['08-01-2014',85],['09-01-2014',0],['10-01-2014',0],['11-01-2014',1],['12-01-2014',0],['01-01-2015',0],['02-01-2015',71],['03-01-2015',0],['04-01-2015',83],['05-01-2015',0],['06-01-2015',82]] 
    var jqpData = [line1, line2]; 

    var xLabels = ['07-01-2014','08-01-2014','09-01-2014','10-01-2014','11-01-2014','12-01-2014','01-01-2015','02-01-2015','03-01-2015','04-01-2015','05-01-2015','06-01-2015'], 
     lLables = ['Series 1','Series 2']; 

    $(function() { 
     var plot1 = $.jqplot('chart1', jqpData, { 
      title: 'July through June', 
      seriesDefaults:{ 

       rendererOptions: {smooth: true}, 
       label:'&nbsp;', 
       lineWidth: 2 
      }, 
      axesDefaults: { 
       labelRenderer: $.jqplot.CanvasAxisLabelRenderer, 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer 
      }, 
      legend:{ 
       show: true, 
       location: 'sw', 
       placement: 'outsideGrid', 
       labels: lLables 
      }, 
      axes: { 
       xaxis: { 
        renderer:$.jqplot.DateAxisRenderer, 
        tickOptions:{ 
         angle:-30, 
         fontFamily:'Trebuchet MS,Arial,Helvetica,sans-serif', 
         fontSize: '1em', 
         min:'07-01-2014', 
         tickInterval:'1 month' 
        } 
       }, 
       yaxis:{ 
        label:'', 
        min:0, 
        max:96.9849 
       } 
      } 
     }); 
    }); 
});

источник

2014-11-03 campbelt

Включили ли вы все необходимые плагины как 'DateAxisRenderer'? У вас возникли какие-либо ошибки в консоли? – skobaljic

Попробуйте без опций, только строки, чем добавьте один за другим. – skobaljic

Если вам нужны ваши тики, чтобы показать их, вам нужно их избежать, чтобы сказать JavaScript, что они являются буквами *. Выбери персонажи вроде этого: «Привет, мое имя \ @Godisgood!» « –

Попробуйте добавить это как один из вариантов:

axes: { 
    xaxis:{ 
     renderer: $.jqplot.CategoryAxisRenderer, //etc

Больше информации здесь: Взгляните на эту ссылку, если вы еще не:

http://www.jqplot.com/docs/files/jqplot-axisTickRenderer-js.html

, а затем применяются, как показано здесь:

http://www.jqplot.com/tests/rotated-tick-labels.php

источник

2014-11-03 01:30:12

То, что мне нужно! Genius. – campbelt

Отлично! Я рад, что смогу помочь –

jqPlot: Линейный график: Линии и тики не отображаются

ответ

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