gpt4 book ai didi

javascript - jqplot 选项的问题

转载 作者:行者123 更新时间:2023-11-28 09:35:44 24 4
gpt4 key购买 nike

如果这个问题在其他地方得到了回答,我深表歉意,但我已经找了一段时间但找不到任何东西。我对 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com