1

如果这已在其他地方得到回答，我深表歉意，但我一直在寻找一段时间，找不到任何东西。我对 javascript 和 jqplot 还是很陌生，我基本上是通过复制和修改我在网上找到的一些示例脚本来创建我的代码，所以请在你的答案中尽可能简单和具体，并包含一些上下文相关的。

我正在尝试使用 constrainTo 选项将可移动点锁定到 y 轴。我在 jqplot 的文档中看到该命令应该类似于 constrainTo: 'y' 但我无法弄清楚代码中应该去哪里。我的代码在下面，因此您可以看到我目前正在尝试的内容（不工作）。我也尝试了许多其他配置，但它们要么使代码无法工作，要么就没有效果。非常感谢您的帮助！

<html>
 <head>
 <title>Limbo</title>
 <script language="javascript" type="text/javascript" src="jqPlot/dist/jquery.min.js">    </script>
 <script language="javascript" type="text/javascript" src="jqPlot/dist/jquery.jqplot.min.js"></script>
 <script language="javascript" type="text/javascript" src="jqPlot/dist/plugins/jqplot.highlighter.js"></script>
 <script language="javascript" type="text/javascript" src="jqPlot/dist/plugins/jqplot.dragable.min.js"></script>
 <script language="javascript" type="text/javascript" src="jqPlot/dist/plugins/jqplot.canvasOverlay.min.js"></script>
 <script language="javascript" type="text/javascript" src="jqPlot/dist/plugins/jqplot.BezierCurveRenderer.min.js"></script>
 <link rel="stylesheet" href="jqPlot/dist/jquery.jqplot.min.css" type="text/css"     media="all" />
 <!--[if IE]><script language="javascript" type="text/javascript" src="./scripts/jqplot/excanvas.js"></script><![endif]-->
 <script language="javascript" type="text/javascript">

 $(document).ready(function() {
 $.jqplot.config.enablePlugins = true;
 $.jqplot('chartdiv',  [[[0,2000],[1,1800],[2,1500],[3,1100],[4,700],[5,300],[6,150],[7,100],[8,60],[9,20],[10,0]]], 
    {
        title: 'Decline Rate',
    seriesDefaults: {
            dragable: {
                constrainTo: 'y'
            }
        }   
    });
 });



 </script>
 </head>
 <body>
 <div id="chartdiv" style="height:400px;width:300px;"></div>
 </body>

</html>

*最后一点：当然，要渲染此代码，您必须将 src 文件更改为它们在您计算机上的任何位置，我假设回答的人会知道这一点。不过，值得注意的是，这段代码确实对我有用，只是约束不起作用（就此而言，我也尝试添加其他选项，如阴影等，但这是另一个问题）。

4

1 回答 1

0

看起来选项没有进入 seriesDefault，我将选项移动到 series 并且它只是工作。

series: [{
    dragable: {
        constrainTo: 'y'
    }
}]

查看jsFiddle

于 2012-10-25T23:48:40.390 回答