時間(x軸)に対する人の体重(y軸)を表すグラフを描こうとしています。また、特定の日の薬の変更などのイベントのマーカーを表示する必要もあります。線画に含まれるが線の描画を変更しない時間値のみでデータシリーズにポイントを追加することは可能ですか?
4 に答える
マーキングを使用して、チャートに線または間隔を表示できます
以下に例を示します: http://people.iola.dk/olau/flot/examples/annotating.html
基本的に、これを追加して垂直線を追加するだけです:
var myPlot = $.plot(element, data, {
grid: {
markings: [
{ color: '#000', lineWidth: 1, xaxis: { from: 2, to: 2 } },
]
}
});
これにより、x=2 に幅 1px の黒い縦線が描画されます。
コールバックを介してポイントの形状をカスタマイズできる Flot Symbols プラグインがあります。次に、同じ軸上の 2 番目のシリーズでそれをプロットし、show lines = false に設定します。
シンボル プラグイン: http://code.google.com/p/flot/source/browse/trunk/jquery.flot.symbol.js?r=263 このリンクは flot シンボル プラグインのソース コードを提供することに注意してください。 jquery.flot.symbol.js ファイルが見つかるまで、ソース リンクの下を検索してください。
以下は、現在の Flot Web サイトの例です: ポイントに円以外のシンボルを使用する (シンボル プラグインを使用)。そのソースコードを調査することは、正しい方向への出発点かもしれません。
マーカーに別のシリーズを追加して、ポイントをx =マーカーの日付、y = 0に設定してみませんか?
グラフの下部ではなく、線上にy値が必要でした。マーカーの前後に最も近い2つの日付を取得し、y切片を計算してから、それをy値として追加すると、正確に表示されるはずの場所に表示されます