FleetingWang / echarts-gl

Extension pack of ECharts providing globe visualization and 3D plots

ECHARTS-GL

ECharts-GL is an extension pack of echarts, which providing 3D plots, globe visualization and WebGL acceleration.

Docs

• Option Manual

• Gallery

Installing

Use npm and webpack

npm install echarts
npm install echarts-gl

require('echarts');
require('echarts-gl');

You can also use the released bundle. Which is Universal Module Definition, supports AMD, CommonJS and vanilla environments.

For example, load it by script tag.

<script src="dist/echarts.min.js"></script>
<script src="dist/echarts-gl.min.js"></script>

Basic Usage

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
        }
    }]
})

Dependencies

Built on top of

• ECharts

• Canvas library zrender

• WebGL library qtek。

License

ECharts-GL is available under the BSD license.