1

我正在尝试将 Y 轴标签旋转 90 度。引用 jqplot 示例

通过包含“jqplot.canvasTextRenderer.min.js”和“jqplot.canvasAxisLabelRenderer.min.js”插件，您可以将标签文本直接渲染到画布元素上。

这是我从 Firebug 得到的错误

TypeError：a.jqplot.CanvasFontRenderer 不是构造函数

这是我的整个代码

索引.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

4

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

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

于 2013-11-04T19:40:51.060 回答