Question

如果在其他地方已经回答了我真诚的道歉，但我一直在寻找一段时间而找不到任何东西。我对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文件更改为计算机上的任何位置，我认为人们回答会知道这一点。但值得注意的是，这个代码确实在我的最终工作，只是约束不起作用（也就是说，我试图添加其他选项，如阴影等，但那是另一个问题）。 / p>

Answer 1

看起来选项没有进入seriesDefault，我将选项移动到系列中它只是起作用。

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

查看jsFiddle

jqplot选项的问题

1 个答案: