1
如果已在其他地方回答了此問題,我表示誠摯的歉意,但我一直在尋找一段時間並找不到任何東西。我對javascript和jqplot相當陌生,我本質上是通過複製和修改我在網絡上找到的示例腳本來創建我的代碼,所以請儘可能簡單明確地在答案中包含一些上下文相關的。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的文件,無論他們是在您的計算機上,我認爲人們回答就知道。不過值得注意的是,這段代碼在我的結尾確實起作用,只是約束不起作用(也就是說,我試圖添加諸如shadow等其他選項,但這是另一個問題)。
果然是固定它,謝謝。然而,讓我注意到一些奇怪的事情,那就是隻要包括BezierCurveRenderer就會破壞一切,即使我沒有對它做任何事情。如果我所做的只是獲取工作代碼並將該渲染器添加到頂部的腳本列表中,那麼所有內容都將停止工作。任何想法爲什麼這可能是? – Zach
插件內有一個錯誤,請查看[https://bitbucket.org/cleonello/jqplot/issue/516/including-beziercurverenderer-plugin-and]解決方案。你要麼修改插件文件,要麼在選項中有一個seriesDefault來解決它。 – fin