2012-07-08 66 views
0

我正在使用jqplot來顯示將顯示數字以及二進制值的圖形。我正在使用dateAxisRenderer作爲x軸。用jqplot在y軸上映射數值輸入值

要顯示的數據採用[timestamp,value]的形式。現在模擬圖工作正常,但對於二進制文件,我必須在y軸上顯示ON和OFF,而不是0和1。

我正在使用ticks進行此行爲並將值轉換爲[0,'OFF'],[1,'ON']以在y軸上顯示標籤。該圖在此之後正確顯示了標籤,但這些值未繪製出來。

是否有任何方法將數據轉換爲顯示,即'值',以便y軸上的值與要顯示的所需數據進行映射?

回答

2

聽起來像是你需要一個被格式化「是/否」的標籤第二y軸:

enter image description here

這是我用來生成的fiddle ...

$(document).ready(function() { 
    $.jqplot.config.enablePlugins = true; 

    var line1 = [[1,1],[2,2],[3,3],[4,4],[5,5]]; 
    var line2 = [[1,1],[2,0],[3,1],[4,1],[5,0]]; 

    $.jqplot('chart1', [line1, line2], { 
     series: [ 
      {label: 'Analog'}, 
      {label: 'Yes/No', 'yaxis':'y2axis'}, 

     ], 
     axes: { 
      xaxis: { 
       label: 'Label' 
      }, 
      yaxis: { 
       label: 'Analog' 
      }, 
      y2axis:{ 
       label: 'Yes/No',   
       ticks: [0,1], 
       tickOptions:{formatter: 
          function (formatString, value){ 
           if (value == 0) return 'No'; 
           else if (value == 1) return 'Yes'; 
           else return ""; 
          }} 

      }  

     } 
    }); 
});​