echarts-extension-bingmaps

echarts-extension-bingmaps copied to clipboard

Bingmap extension for Apache ECharts

This is an Bingmap extension for Apache ECharts

Installation

npm install echarts-extension-bingmaps --save

Import

Import packaged distribution file echarts-extension-bingmaps and add BingMap API script and ECharts script.

<script src="https://www.bing.com/api/maps/mapcontrol?key=${your-bingmapkey}&setlang=zh-cn"></script>
<!-- import ECharts -->
<script src="https://fastly.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
<!-- import echarts-extension-bingmaps -->
<script src="https://fastly.jsdelivr.net/npm/echarts-extension-bingmaps/dist/echarts-extension-bingmaps.min.js"></script>

You can also import this extension by require or import if you are using webpack or any other bundler.

// use require
require('echarts');
require('echarts-extension-bingmaps');

// use import
import * as echarts from 'echarts';
import 'echarts-extension-bingmaps';

Examples

FlyChart

Heart Chart

Line Chart

Pie Chart

Scatter Chart