5

本当に簡単な質問ですが、理解できませんでした... jqplotを使用して、垂直方向のy軸ラベルを持つ折れ線グラフを生成しようとしました。jqplot Webサイトの例に基づくと、必要なのはこのプラグインを使用することだけですjqplot.canvasAxisLabelRenderer.min.js。ローカルで試しましたが、うまくいきませんでした。誰かが私にこれについてのヒントを与えることができますか？これが私の問題のデモです。

以下は私のコードです：

$(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'
            } 
        });   
    })​;
4

1 に答える 1

8

提供されているデモサンプルに見られるように、コードにいくつかのマイナーでありながら重要な問題がありました。

  1. ラベルレンダラーに必要な2つのスクリプトをインポートするのを忘れました。

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

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

  2. 軸のラベルレンダラーではなく、軸のレンダラーを設定していました。

    labelRenderer: $.jqplot.CanvasAxisLabelRenderer

修正されたサンプルのコードを参照してください。

于 2012-07-03T11:49:14.040 に答える