javascript - jqplot轴渲染: a. jqplot.CanvasFontRenderer不是构造函数-6ren

javascript - jqplot轴渲染: a. jqplot.CanvasFontRenderer不是构造函数

转载作者：行者123 更新时间：2023-11-28 20:12:01

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

By including the "jqplot.canvasTextRenderer.min.js" and "jqplot.canvasAxisLabelRenderer.min.js" plugins, you can render label text directly onto canvas elements.

这是我从 Firebug 得到的错误

TypeError: a.jqplot.CanvasFontRenderer is not a constructor

这是我的完整代码

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
        }
      }
  });
});