現在の最新バージョンEchartはOpenlayersフライトのダイナミック効果と結合しています

openlayers_echart
最新版のOpenLayersと最新のEChartsを組み合わせて、EChartsの中の地図をOpenLayersの地図に変えることを実現しました.

npm使用

npmによる取り付け:npm install openlayers_echart

項目参照(optionはEChartsのコンフィギュレーション項目、mapはOLの地図オブジェクト、echartsはEChartsの共有出力オブジェクト(自分が初期化したものではない))

import ADLayer from 'openlayers_echart'
var oe = new ADLayer(option,map,echarts)
oe.render()

npmアドレス:https://www.npmjs.com/package/openlayers_echart

ES 6の使用方法:1.プロジェクトディレクトリのjsファイルをダウンロードする:openlayers_echart/src/openlayers.echart.js 2.独自のjsファイルに追加:

import ADLayer from 'openlayers.echart.js（       ，      ）'

3.インスタンス化.(optionはEChartsのコンフィギュレーションアイテム、mapはOLの地図オブジェクト、echartsはEChartsの共有出力オブジェクト(自分で初期化したものではない))

var oe = new ADLayer(option,map,echarts) 
oe.render()

ES 5使用方法:

ダウンロードプロジェクトディレクトリjsファイル:openlayers_echart/dist/JS/openlayers_echart.es5.js

htmlページには、Echartライブラリのjsのファイルに依存するjsファイルが導入されている.

をインスタンス化します.(optionはEChartsのコンフィギュレーションアイテム、mapはOLの地図オブジェクト、echartsはEChartsの共有出力オブジェクト(自分で初期化したものではない))

var oe = new ADLayer(option,map,echarts) 
oe.render()

コードおよびサンプルダウンロードアドレス:GitHub