jqplot垂直軸標籤

一個非常簡單的問題，但我無法弄清楚......我試圖用jqplot生成一個垂直y軸標籤的線條圖。基於jqplot web site的示例，我需要的僅僅是使用此插件jqplot.canvasAxisLabelRenderer.min.js。我在本地嘗試過，但沒有奏效。任何人都可以給我一個暗示嗎？這是我的問題demo。jqplot垂直軸標籤

下面是我的代碼：

$(document).ready(function(){ 
     $.jqplot.config.enablePlugins = true; 
     var s1 = $.parseJSON($('#x_indi_val').text());  
     $.jqplot('chart1', [s1], {     
      seriesDefaults: { 
       showMarker:false, 
       pointLabels: { show:false } , 
      },     
      series:[ 
       {label:'Individuals'} 
      ], 
      axes: { 
       xaxis: { 
        label :'Time units', 
        pad: 0, 
       }, 
       yaxis: { 
        label: 'Number of individuals', 
        //jqplot example indicated that use the following js file can give you a vertical label, I tried locally, but it did not work 
        //renderer: $.jqplot.canvasAxisLabelRenderer 
       } 
      }, 
      legend: { 
       show: true, 
       location: 'ne', 
       placement: 'inside', 
       fontSize: '11px' 
      } 
     }); 
    });

來源

2012-07-03 tao.hong

是你，而它需要的格式提供數據來自Json？ –

@ShivKumarGanesh：是的，我認爲這些數據是正確的。 –

你在你的代碼有一些小但重要的問題，因爲提供的演示樣品中觀察到：

你忘了導入兩個腳本

<script type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.min.js"></script>

：由標籤渲染所需<script type="text/javascript" src="../src/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
你被設置軸渲染器而不是軸的標籤渲染：

labelRenderer: $.jqplot.CanvasAxisLabelRenderer

Please see the code with the corrected sample.

來源

2012-07-03 11:49:14 Boro

謝謝Boro的幫助！ –

jqplot垂直軸標籤

回答

相關問題