ECharts のよく使われる API（ECharts と EChartsInstance）

2年 ago
海斗, 葵
1 minute

Echarts でよく使われる API は主に echarts と echartsInstance の 2 つのオブジェクトです。

  1. echartsオブジェクト
  1. echarts.init(dom, theme, opts) は、dom ノード、テーマ、および構成項目を受け取って ECharts インスタンスを初期化します。
  2. echarts.version：ECharts の バージョン番号を取得します。
  3. echarts.registerMap(マップ名, geoJson, 特殊地区)：カスタムマップを登録する
  4. echarts.getMap(mapName) で、地図の GeoJSON データを取得します。
  5. echarts.registerTheme(themeName, theme)で独自のテーマを登録します。
  6. echarts.getTheme(themeName)：テーマのデータを取得します。
  7. echarts.dispose(dom)で、EChartsインスタンスを破棄して、リソースを解放できます。
  1. echartsInstanceオブジェクト:
  1. setOption(option, notMerge, lazyUpdate): グラフの設定項目とデータを設定。パラメータをマージしないかどうかを示す notMerge は、デフォルトが false です。更新を遅延するかどうかを示す lazyUpdate は、デフォルトが false です。
  2. getWidth()：グラフの幅を取得します。
  3. getHeight()：チャートの高さを取得します。
  4. getDom()：チャートが配置されているDOMノードを取得します。
  5. getOption()：グラフの設定を取得します。
  6. resize()：グラフのサイズを変更します。
  7. dispatchAction(ペイロード): 特定の行動の説明であるペイロードをパラメーターとして、チャートの行動（例: 特定のシリーズのアイконをクリックする）をトリガーします。
  8. on(eventName, handler): イベント処理関数をバインドします（click、legendselectchanged など）
  9. off(eventName, handler)：イベントハンドラを解除します。

echarts.init()メソッドで作成したechartsインスタンスオブジェクト経由で、これらのAPIを利用できます。例えば:

var myChart = echarts.init(dom);
myChart.setOption(option);

optionはチャートのスタイルやデータ、シリーズなどを記述する設定項目です。

bannerAds