2013-08-06 160 views
1
[[["09251A0428",90],["10251A0547",37]],[["09251A0428",4],["10251A0547",54]]] 

以上數據包含兩個系列。每個系列的x值是相同的。如果x值是數字,則jqplot將正常顯示具有兩個序列的折線圖。但我們需要在x軸上顯示字符串,併爲每個字符串顯示對應的系列值。Jqplot折線圖多個系列

如何在jxplot的多個系列折線圖上設置xaxis上的字符串?

回答

1

爲您根據您所提供的數據我已經preapared一個例子: JsFiddle link

$.jqplot.config.enablePlugins = true; 
var chartData = [[["09251A0428",90],["10251A0547",37]],[["09251A0428",4],["10251A0547",54]]]; 


function PlotChart(chartData) { 

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

      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,  
       tickOptions: { 
        formatString: '%b %#d' 
       } 
      }, 
      yaxis: { 

      } 
     }, 
     highlighter: { 
      sizeAdjust: 7.5 
     }, 
     cursor: { 
      show: true 
     } 
    }); 
} 

PlotChart(chartData); 
+0

謝謝,可以用'渲染:$ .jqplot.CategoryAxisRenderer' – user2463026