如果这个问题已经在其他地方得到了回复,我表示诚挚的道歉,但我已经寻找了一段时间,但没有找到任何东西。我是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文件更改为它们在计算机上的任何位置,我假设回答的人会知道这一点。然而,值得注意的是,这段代码在我这一端是有效的,只是约束不起作用(就这一点而言,我也没有尝试添加其他选项,如阴影等,但这是另一个问题)。
发布于 2012-10-26 07:48:40
看起来期权没有进入seriesDefault,我把期权移到级数中,它就起作用了。
series: [{
dragable: {
constrainTo: 'y'
}
}] 查看jsFiddle
https://stackoverflow.com/questions/13078717
复制相似问题