如何在使用CategoryAxisRenderer時使用'ticks'選項

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);