10 ミリ秒ごとに 1 つのデータを含むビッグ データ時系列折れ線グラフ。
コードの説明
このコードは、echarts を使用して動的データ視覚化チャートを描画する例です。コードの詳細な説明は次のとおりです。
-
<script src="/echarts.min.js"></script>: echarts ライブラリが導入されたため、ファイル パスが正しいことを確認する必要があります。 -
<div id="main1" style="height: 500px; width: 800px;"></div>: グラフ コンテナとして div 要素を作成し、高さと幅を 500px と 800px に設定します。 -
<script>...</script>: JavaScript コードのブロックを開始します。 -
var chartDom = document.getElementById('main1');: getElementById メソッドを通じて ID が「main1」である要素、つまりチャート コンテナーを取得します。 -
var myChart = echarts.init(chartDom);: echarts.init メソッドを呼び出してチャート インスタンスを初期化し、チャート コンテナーをそれに渡します。 -
var option;: チャートの設定項目を格納する変数オプションを定義します。 -
var data = []: 動的データポイントの値を保存するための空の配列を定義します。 -
option = {...}: チャートの構成項目を定義します。