Skip to content

Extension pack of ECharts providing globe visualization and 3D plots

License

Notifications You must be signed in to change notification settings

100pah/echarts-gl

 
 

Repository files navigation

ECHARTS-GL

logo

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

Docs

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

License

ECharts-GL is available under the BSD license.

About

Extension pack of ECharts providing globe visualization and 3D plots

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 86.0%
  • HTML 11.3%
  • GLSL 1.9%
  • CSS 0.8%