javascript - jqplot 选项的问题

标签 javascript jquery jqplot

如果这个问题在其他地方得到了回答,我深表歉意,但我已经找了一段时间但找不到任何东西。我对 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 文件更改为它们在计算机上的任何位置,我想回答的人都会知道这一点。不过,值得注意的是,这段代码对我来说确实有效,只是约束不起作用(就此而言,我也没有尝试添加其他选项,如阴影等,但这是另一个问题)。

最佳答案

看起来这些选项没有进入seriesDefault,我将选项移到series中,它就起作用了。

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

查看 jsFiddle

关于javascript - jqplot 选项的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13078717/

相关文章:

JavaScript 循环数组 - ReferenceError |我没有定义

php - 如何在单页 Web 应用程序中处理多个脚本

javascript - 如何使用带有 V-Model 的表单选择中的选项中的文本属性

javascript - 如何使用 PHP、javascript mysql 事务将输入的数组值插入到数据库中

javascript - 为什么我的 for 循环改变了 jQuery 中 toggleClass 的行为

即使设置 numberColumns :3 后,JQPlot 图例也不显示在多列中

javascript - 如何将文本添加为​​ jqplot canvasOverlay?

javascript - 任何 Jqplot 图表的背景不透明度

javascript - 如何在 Drive API for Javascript 中一次删除多个文件?

jquery - 如何在 CSS 中管理#homeSub 的尺寸,以便当我将鼠标从 homeBox 移动到 home Sub 时它不会消失?