add echarts-gl demo

Author: hustcc

README.md

@@ -1,8 +1,8 @@
 # echarts-for-react
 
-A very simple echarts(v3.0) wrapper for react.
+A very simple echarts(v3.0 & v4.0) wrapper for react.
 
-[![Build Status](https://travis-ci.org/hustcc/echarts-for-react.svg?branch=master)](https://travis-ci.org/hustcc/echarts-for-react) [![Coverage Status](https://coveralls.io/repos/github/hustcc/echarts-for-react/badge.svg?branch=master)](https://coveralls.io/github/hustcc/echarts-for-react?branch=master) [![npm](https://img.shields.io/npm/v/echarts-for-react.svg)](https://www.npmjs.com/package/echarts-for-react) [![npm](https://img.shields.io/npm/dt/echarts-for-react.svg)](https://www.npmjs.com/package/echarts-for-react) [![npm](https://img.shields.io/npm/l/echarts-for-react.svg)](https://www.npmjs.com/package/echarts-for-react) ![echarts supported](https://img.shields.io/badge/echarts-%5E3.0.0-blue.svg) ![react supported](https://img.shields.io/badge/React-%3E%3D0.13.2%20%7C%7C%20%5E0.14%20%7C%7C%20%5E15.0.0%20%7C%7C%20%3E%3D16.0.0-blue.svg)
+[![Build Status](https://travis-ci.org/hustcc/echarts-for-react.svg?branch=master)](https://travis-ci.org/hustcc/echarts-for-react) [![Coverage Status](https://coveralls.io/repos/github/hustcc/echarts-for-react/badge.svg?branch=master)](https://coveralls.io/github/hustcc/echarts-for-react?branch=master) [![npm](https://img.shields.io/npm/v/echarts-for-react.svg)](https://www.npmjs.com/package/echarts-for-react) [![npm](https://img.shields.io/npm/dt/echarts-for-react.svg)](https://www.npmjs.com/package/echarts-for-react) [![npm](https://img.shields.io/npm/l/echarts-for-react.svg)](https://www.npmjs.com/package/echarts-for-react) ![echarts supported](https://img.shields.io/badge/echarts-%5E3.0.0%20%7C%7C%20%5E4.0.0-blue.svg) ![react supported](https://img.shields.io/badge/React-%3E%3D0.13.2%20%7C%7C%20%5E0.14%20%7C%7C%20%5E15.0.0%20%7C%7C%20%3E%3D16.0.0-blue.svg)
 
 # 1. install
 

demo/dist/bundle.js

@@ -32,7 +32,8 @@ export default class App extends PureComponent {
           <Link to="/echarts/treemap">Treemap</Link> |
           <Link to="/echarts/gauge">Gauge</Link> |
           <Link to="/echarts/gcalendar">GCalendar</Link> |
-          <Link to="/echarts/lunar">Lunar</Link>
+          <Link to="/echarts/lunar">Lunar</Link> |
+          <Link to="/echarts/gl">gl</Link>
         </h4>
         { children || <Dynamic /> }
 

demo/src/App.jsx

@@ -7,6 +7,7 @@ import Loading from './charts/Loading.jsx';
 import Api from './charts/Api.jsx';
 import Dynamic from './charts/Dynamic.jsx';
 import Map from './charts/Map.jsx';
+import Gl from './charts/Gl.jsx';
 
 // v1.2.0 add 7 demo.
 import Airport from './charts/Airport.jsx';
@@ -32,6 +33,7 @@ const Components = {
   Gauge,
   Gcalendar,
   Lunar,
+  Gl,
 };
 
 export default class Chart extends PureComponent {

demo/src/Chart.jsx

@@ -0,0 +1,32 @@
+import React, { PureComponent } from 'react';
+import ReactEcharts from '../../../src/index';
+import 'echarts-gl';
+
+export default class Api extends PureComponent {
+  getOption = () => ({
+    grid3D: {},
+    xAxis3D: {},
+    yAxis3D: {},
+    zAxis3D: {},
+    series: [{
+      type: 'scatter3D',
+      symbolSize: 50,
+      data: [[-1, -1, -1], [0, 0, 0], [1, 1, 1]],
+      itemStyle: {
+        opacity: 1
+      }
+    }]
+  });
+
+  render() {
+    return (
+      <div className='examples'>
+        <div className='parent'>
+          <label>echarts-gl demo</label>
+          <ReactEcharts option={this.getOption()}  />
+          <label>echarts-gl doc: https://ecomfe.github.io/echarts-doc/public/cn/option-gl.html#globe</label>
+        </div>
+      </div>
+    );
+  }
+}

demo/src/charts/Gl.jsx

@@ -61,6 +61,7 @@
     "cross-env": "^5.1.3",
     "css-loader": "^0.28.7",
     "echarts": "^3.8.5",
+    "echarts-gl": "^1.0.0-beta.6",
     "enzyme": "^3.2.0",
     "enzyme-adapter-react-15": "^1.0.5",
     "eslint": "^4.13.1",
@@ -85,12 +86,12 @@
     "webpack-dev-server": "^2.9.7"
   },
   "dependencies": {
-    "element-resize-event": "2.0.8"
+    "element-resize-event": "2.0.9"
   },
   "peerDependencies": {
     "react": ">=0.13.2 || ^0.14 || ^15.0.0 || >=16.0.0",
     "prop-types": "^15.5.7",
-    "echarts": "^3.0.0"
+    "echarts": "^3.0.0 || ^4.0.0"
   },
   "jest": {
     "testRegex": "(/__tests__/.*\\.spec)\\.(js|jsx)$",