他の場所で回答された場合は心からお詫び申し上げますが、しばらく探していたので何も見つかりませんでした。私はjavascriptとjqplotにまったく慣れておらず、基本的にWebで見つけたサンプルスクリプトの一部をコピーして変更することでコードを作成しているので、できるだけシンプルかつ具体的に回答し、コンテキストを含めてください。必要に応じて。
可動ポイントをy軸にロックするためにconstraintToオプションを使用しようとしています。jqplotのドキュメントで、コマンドはconstraintTo:'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ファイルをコンピューター上の任意の場所に変更する必要があります。回答する人はそれを知っていると思います。ただし、このコードはそのままでは機能し、制約が機能しないことは注目に値します(さらに、シャドウなどの他のオプションを追加しようとする試みでもありませんが、それは別の質問です)。