Question

我试图将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的基本教程，所以我不明白我做错了什么。谢谢你的时间

Answer 1

将文字渲染器文件与此链接中的文件匹配：jqplot.com/deploy/dist/plugins/jqplot.canvasTextRenderer.js

我认为这是正确的文件，里面有jqplot.CanvasFontRenderer。也许你的文件没有那个

jqplot轴渲染：a.jqplot.CanvasFontRenderer不是构造函数

1 个答案: