1

flot折れ線グラフを使用してリアルタイム データを描画するために、最も美しい JavaScript プロット プラグインを使用しています。

そして、次の一連のオプションがあります。

{
          colors: ['#7999BB'],
          grid: { borderWidth: 1, borderColor:"#4572A7"},
          xaxis:  {
                   axisLabel: "Time (H:M)",
                   axisLabelUseCanvas: true,
                   axisLabelFontSizePixels: 11,
                   axisLabelFontFamily: 'sans-serif',
                   axisLabelPadding: 9,

                   mode:"time",
                   tickSize: [25, "minute"],
                   tickLength:5,
                   tickFormatter: function (v, axis) {
                   var date = new Date(v);
                   var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
                   var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
                   var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
                   return hours + ":" + minutes;
                }
            },
            series: { shadowSize: 0,
                      lines: {
                              show: true,
                              lineWidth: 1.2,
                              fill: true,
                              fillColor: { colors: [ { opacity: 0.3 }, { opacity: 0 } ] }
                       }
                    },
            yaxis:  { show: true,
                      min:0,
                    }
}

すべてが正常に機能しています。しかし、グラフ内の単一のポイントを強調表示したい.私は使用してみました

plot.highlight(seriesIndex,dataPoint);

やった

plot.highlight(0, 99);
0 -  I have just single series.
99 - I am plotting 100 points and lets say for example I want to highlight 99th point. 

コンソールにエラーはありません。しかし、それは機能していませんか?時系列グラフのポイントを強調表示するにはどうすればよいですか?

どんな助けでも大歓迎です。

4

1 に答える 1