Как использовать опцию 'ticks' при использовании CategoryAxisRenderer

Question

Я пытаюсь построить линейный график, я использую CategoryAxisRenderer. Я хочу, чтобы указать тиков внутри ticks опции

Code link: jsfiddle

$.jqplot.config.enablePlugins = true; 
var chartData = [["19-Jan-2012", 2.61], ["20-Jan-2012", 5.00], ["21-Jan-2012", 6.00]]; 

function PlotChart(chartData, extraDays) { 


    var plot2 = $.jqplot('chart1', [chartData], { 
     title: 'Mouse Cursor Tracking', 
     seriesDefaults: { 
      renderer: $.jqplot.LineRenderer, 

      pointLabels: { 
       show: true 
      } 
     }, 
     axes: { 
      xaxis: { 
       pad: 1,    
       renderer: $.jqplot.CategoryAxisRenderer 
       ,ticks:["19-Jan-2012","20-Jan-2012","21-Jan-2012"] 

      }, 
      yaxis: { 
       tickOptions: { 
        formatString: '$%.2f' 
       } 
      } 
     }, 
     highlighter: { 
      sizeAdjust: 7.5 
     }, 
     cursor: { 
      show: true 
     } 
    }); 
} 

PlotChart(chartData, 3); 

выше кусок кода работает отлично, если я закомментируйте опцию ticks. Но с включенной опцией ticks она не отображает линию на графике.

Answer 1

Я изменил данные в var chartData = [ 2.61, 5.00, 6.00];
Теперь он работает отлично See Example

кодекса

$.jqplot.config.enablePlugins = true; 
var chartData = [ 2.61, 5.00, 6.00]; 

function PlotChart(chartData, extraDays) { 


    var plot2 = $.jqplot('chart1', [chartData], { 
     title: 'Mouse Cursor Tracking', 
     seriesDefaults: { 
      renderer: $.jqplot.LineRenderer, 

      pointLabels: { 
       show: true 
      } 
     }, 
     axes: { 
      xaxis: { 
       pad: 1, 
       // a factor multiplied by the data range on the axis to give the    
       renderer: $.jqplot.CategoryAxisRenderer, 
       // renderer to use to draw the axis, 
       ticks:["19-Jan-2012","20-Jan-2012","21-Jan-2012"] 

      }, 
      yaxis: { 
       tickOptions: { 
        formatString: '$%.2f' 
       } 
      } 
     }, 
     highlighter: { 
      sizeAdjust: 7.5 
     }, 
     cursor: { 
      show: true 
     } 
    }); 
} 

PlotChart(chartData, 3);