diff --git a/src/pages/chart/ECharts/EchartsComponent.js b/src/pages/chart/ECharts/EchartsComponent.js
index 54c2aa9..b2fa38e 100644
--- a/src/pages/chart/ECharts/EchartsComponent.js
+++ b/src/pages/chart/ECharts/EchartsComponent.js
@@ -20,7 +20,6 @@ import TreemapComponent from './TreemapComponent'
 import LiquidfillComponent from './LiquidfillComponent'
 import BubbleGradientComponent from './BubbleGradientComponent'
 import TransparentBar3DComPonent from './TransparentBar3DComPonent'
-import MoonComponent from './MoonComponent'
 
 const EchartsComponent = ({ type }) => {
   if (type === 'simple') return <SimpleChartComponent />
@@ -40,7 +39,6 @@ const EchartsComponent = ({ type }) => {
   if (type === 'liquid') return <LiquidfillComponent />
   if (type === 'BubbleGradientComponent') return <BubbleGradientComponent />
   if (type === 'TransparentBar3DComPonent') return <TransparentBar3DComPonent />
-  if (type === 'MoonComponent') return <MoonComponent />
   return <DynamicChartComponent />
 }
 
diff --git a/src/pages/chart/ECharts/MoonComponent.js b/src/pages/chart/ECharts/MoonComponent.js
deleted file mode 100644
index 05b817c..0000000
--- a/src/pages/chart/ECharts/MoonComponent.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from 'react'
-import ReactEcharts from 'echarts-for-react'
-import 'echarts-gl'
-
-const option = {
-  globe: {
-    baseTexture: '/assets/data-1493804606544-r1PBU7D1W.jpg',
-    heightTexture: '/assets/data-1493804610896-SJoBIXPkW.jpg',
-
-    displacementScale: 0.05,
-    displacementQuality: 'medium',
-
-    environment: '/assets/data-1491837999815-H1_44Qtal.jpg',
-
-    shading: 'realistic',
-    realisticMaterial: {
-      roughness: 0.8,
-      metalness: 0,
-    },
-
-    postEffect: {
-      enable: true,
-      SSAO: {
-        enable: true,
-        radius: 2,
-        intensity: 1,
-        quality: 'high',
-      },
-    },
-    temporalSuperSampling: {
-      enable: true,
-    },
-    light: {
-      ambient: {
-        intensity: 0,
-      },
-      main: {
-        intensity: 2,
-        shadow: true,
-      },
-      ambientCubemap: {
-        texture: '/asset/data-1491838644249-ry33I7YTe.hdr',
-        exposure: 0,
-        diffuseIntensity: 0.02,
-      },
-    },
-    viewControl: {
-      autoRotate: false,
-    },
-  },
-  series: [],
-}
-
-const MoonComponent = () => {
-  return (
-    <ReactEcharts
-      option={option}
-      style={{ height: '700px', width: '100%' }}
-      className="react_for_echarts"
-    />
-  )
-}
-
-export default MoonComponent
diff --git a/src/pages/chart/ECharts/index.js b/src/pages/chart/ECharts/index.js
index 07d3b26..cbb5bec 100644
--- a/src/pages/chart/ECharts/index.js
+++ b/src/pages/chart/ECharts/index.js
@@ -75,10 +75,6 @@ const chartList = [
     label: 'TransparentBar3D',
     value: 'TransparentBar3DComPonent',
   },
-  {
-    label: 'MoonComponent',
-    value: 'MoonComponent',
-  },
 ]
 
 class Chart extends React.Component {