1

Y 軸ラベルを 90 度回転させてレンダリングしようとしています。jqplot の例を引用する

「jqplot.canvasTextRenderer.min.js」および「jqplot.canvasAxisLabelRenderer.min.js」プラグインを含めることで、キャンバス要素にラベル テキストを直接レンダリングできます。

Firebugから取得したエラーは次のとおりです

TypeError: a.jqplot.CanvasFontRenderer はコンストラクターではありません

ここに私のコード全体があります

index.html

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />
                <!--Jquery Base Library 2.0.3 -->
        <script src="jquery-2.0.3.min.js"></script>
                <!-- jqPlot Libraro -->
        <script src="jquery.jqplot.min.js"></script>
                <!-- More jqplot file -->
        <script src="jqplot.canvasTextRenderer.min.js"></script>
        <script src="jqplot.canvasAxisLabelRenderer.min.js"></script>
        <!-- example jqplot file -->
        <script src="test.js"></script>


    </head>
    <body style="margin:0px; padding-left:50px; padding-right:50px;" >
            <div style="padding-left: 20px; padding-right:20px; background-color:#FF7519;">
                <div id="chart" style="height:300px;width:800px; "></div>
            </div>
    </body>
</html>

ここにtest.jsがあります

$(document).ready(function(){
  $.jqplot.config.enablePlugins = true;
  var cosPoints = [];
  for (var i=0; i<2*Math.PI; i+=0.1){
     cosPoints.push([i, Math.cos(i)]);
  }
  var plot1 = $.jqplot('chart', [cosPoints], {
      series:[{showMarker:false}],
 axes:{
        xaxis:{
          label:'Some X Label',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer
        },
        yaxis:{
          label:'Some Y Label',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer
        }
      }
  });
});

この API の基本的なチュートリアルに従っているため、何が間違っているのかわかりません。お時間をいただきありがとうございます

4

1 に答える 1