Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ecomfe/echarts-gl
Extension pack for Apache ECharts, providing globe visualization and 3D plots.
https://github.com/ecomfe/echarts-gl
echarts javascript visualization webgl
Last synced: 7 days ago
JSON representation
Extension pack for Apache ECharts, providing globe visualization and 3D plots.
- Host: GitHub
- URL: https://github.com/ecomfe/echarts-gl
- Owner: ecomfe
- License: bsd-3-clause
- Created: 2015-02-03T04:30:48.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2024-08-19T08:59:05.000Z (3 months ago)
- Last Synced: 2024-10-27T09:41:07.822Z (9 days ago)
- Topics: echarts, javascript, visualization, webgl
- Language: JavaScript
- Homepage:
- Size: 33.1 MB
- Stars: 2,599
- Watchers: 131
- Forks: 844
- Open Issues: 332
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-echarts - echarts-gl
- awesome - ecomfe/echarts-gl - Extension pack for Apache ECharts, providing globe visualization and 3D plots. (JavaScript)
- awesome-starred - ecomfe/echarts-gl - Extension pack for Apache ECharts, providing globe visualization and 3D plots. (javascript)
README
# ECHARTS-GL
ECharts-GL is an extension pack of [Apache ECharts](http://echarts.apache.org/), which providing 3D plots, globe visualization and WebGL acceleration.
## Docs
+ [Option Manual](https://echarts.apache.org/zh/option-gl.html)
+ [Gallery](https://www.makeapie.com/explore.html#tags=echarts-gl)
## Installing
### npm and webpack
```bash
npm install echarts
npm install echarts-gl
```
#### Import all
```js
import * as echarts from 'echarts';
import 'echarts-gl';
```
#### Minimal Import
```js
import * as echarts from 'echarts/core';
import { Scatter3DChart } from 'echarts-gl/charts';
import { Grid3DComponent } from 'echarts-gl/components';
echarts.use([Scatter3DChart, Grid3DComponent]);
```
### Include by scripts
```html
```
NOTE:
ECharts GL 2.x is compatible with ECharts 5.x.
ECharts GL 1.x is compatible with ECharts 4.x.
## Basic Usage
```js
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
grid3D: {},
xAxis3D: {},
yAxis3D: {},
zAxis3D: {},
series: [{
type: 'scatter3D',
symbolSize: 50,
data: [[-1, -1, -1], [0, 0, 0], [1, 1, 1]],
itemStyle: {
opacity: 1
}
}]
})
```
## License
ECharts-GL is available under the BSD license.
## Notice
The Apache Software Foundation [Apache ECharts, ECharts](https://echarts.apache.org/), Apache, the Apache feather, and the Apache ECharts project logo are either registered trademarks or trademarks of the [Apache Software Foundation](https://www.apache.org/).