diff --git a/site/docs/manual/core/animation.zh.md b/site/docs/manual/core/animation.zh.md
index 9696cefeb3..56f5052480 100644
--- a/site/docs/manual/core/animation.zh.md
+++ b/site/docs/manual/core/animation.zh.md
@@ -59,7 +59,7 @@ chart.interval().animate({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -90,7 +90,7 @@ chart.interval().animate({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -123,7 +123,7 @@ G2 也提供了 StackEnter 标记转换来实现分组动画，该标记转换
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -159,7 +159,7 @@ G2 也提供了 StackEnter 标记转换来实现分组动画，该标记转换
     'https://gw.alipayobjects.com/os/antvdemo/assets/data/scatter.json',
   ).then((res) => res.json());
 
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   // 参考 css animation 的描述
   const keyframe = chart
diff --git a/site/docs/manual/core/api.zh.md b/site/docs/manual/core/api.zh.md
index 943d3ad0b9..ec9f019d13 100644
--- a/site/docs/manual/core/api.zh.md
+++ b/site/docs/manual/core/api.zh.md
@@ -7,7 +7,7 @@ G2 设计了一套**规范（Spec）** 去描述可以绘制的可视化，使
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart.options({
     type: 'interval',
@@ -36,7 +36,7 @@ G2 设计了一套**规范（Spec）** 去描述可以绘制的可视化，使
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -129,7 +129,7 @@ spaceFlex.interval();
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart.options({
     type: 'interval', // 标记节点
@@ -165,7 +165,7 @@ spaceFlex.interval();
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart.options({
     type: 'view', // 视图节点
@@ -213,15 +213,12 @@ spaceFlex.interval();
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({
-    theme: 'classic',
-  });
+  const chart = new G2.Chart();
 
   chart.options({
     type: 'spaceFlex',
     width: 800,
     height: 400,
-    theme: 'classic',
     children: [
       {
         type: 'interval',
diff --git a/site/docs/manual/core/chart.zh.md b/site/docs/manual/core/chart.zh.md
index 86b4a130ae..30fd2bff22 100644
--- a/site/docs/manual/core/chart.zh.md
+++ b/site/docs/manual/core/chart.zh.md
@@ -7,7 +7,7 @@ G2 的大部分能力通过 `Chart` 对象暴露给用户，比如绘制一个
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -43,7 +43,7 @@ const chart = new Chart({
 
 ## 全局选项
 
-可以通 `new Chart(options)` 指定一些全局选项：比如挂载的容器，宽度，高度等。除了 **theme** 属性之外，其他这些选项都是**可选的**。
+可以通 `new Chart(options)` 指定一些全局选项：比如挂载的容器，宽度，高度等。所有的选项都是**可选的**。
 
 ```js
 // 按需指定选项
@@ -51,7 +51,6 @@ const chart = new Chart({
   width: 800, // 图表高度
   height: 400, // 图表宽度
   container: 'chart', // 挂载容器的 ID
-  theme: 'classic',
 });
 ```
 
@@ -68,20 +67,18 @@ const chart = new Chart({
 ```js
 const chart = new Chart({
   container: 'chart', // 指定挂载容器 id
-  theme: 'classic',
 });
 
 // 或者
 const chart = new Chart({
   container: document.getElementById('chart'), // 指定挂载容器
-  theme: 'classic',
 });
 ```
 
 第二种，手动挂载。
 
 ```js
-const chart = new Chart({ theme: 'classic' });
+const chart = new Chart();
 
 // 声明可视化
 // ...
@@ -98,7 +95,6 @@ document.getElementById('chart').appendChild(container);
 // 创建图表实例
 const chart = new Chart({
   container: 'chart',
-  theme: 'classic',
 });
 
 // 声明可视化
diff --git a/site/docs/manual/core/composition.zh.md b/site/docs/manual/core/composition.zh.md
index c58ccf4e41..cdc50119e2 100644
--- a/site/docs/manual/core/composition.zh.md
+++ b/site/docs/manual/core/composition.zh.md
@@ -29,7 +29,7 @@ layer.view();
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   const layer = chart.spaceLayer();
 
@@ -74,7 +74,7 @@ layer.view();
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', width: 800, height: 400 });
+  const chart = new G2.Chart();
   const flex = chart.spaceFlex();
 
   // 条形图
@@ -121,7 +121,6 @@ layer.view();
 ```js | ob
 (() => {
   const chart = new G2.Chart({
-    theme: 'classic',
     height: 260,
     width: 800,
     paddingLeft: 40,
@@ -159,7 +158,6 @@ layer.view();
 ```js | ob
 (() => {
   const chart = new G2.Chart({
-    theme: 'classic',
     width: 900,
     height: 900,
     padding: 'auto',
@@ -202,7 +200,7 @@ layer.view();
     'https://gw.alipayobjects.com/os/antvdemo/assets/data/scatter.json',
   ).then((res) => res.json());
 
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   // 参考 css animation 的描述
   const keyframe = chart
diff --git a/site/docs/manual/core/coordinate.zh.md b/site/docs/manual/core/coordinate.zh.md
index 0e9a73a36b..097b071f01 100644
--- a/site/docs/manual/core/coordinate.zh.md
+++ b/site/docs/manual/core/coordinate.zh.md
@@ -82,7 +82,7 @@ chart.area():
     };
   }
 
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart.options({
     type: Pie, // 使用该复合 Mark
@@ -112,7 +112,7 @@ chart.area():
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -141,7 +141,7 @@ chart.area():
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -169,7 +169,7 @@ chart.area():
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -218,7 +218,7 @@ chart.area():
     lineStrokeWidth: 1,
   };
 
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .line()
@@ -275,7 +275,7 @@ chart.area():
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -302,7 +302,7 @@ chart.area():
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .point()
diff --git a/site/docs/manual/core/data.zh.md b/site/docs/manual/core/data.zh.md
index e42fb1e5a9..b3f127106a 100644
--- a/site/docs/manual/core/data.zh.md
+++ b/site/docs/manual/core/data.zh.md
@@ -100,7 +100,7 @@ chart.interval().data([
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .rangeX()
@@ -139,7 +139,7 @@ chart.interval().data([
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart.data([
     { year: '1991', value: 3 },
diff --git a/site/docs/manual/core/encode.zh.md b/site/docs/manual/core/encode.zh.md
index 367d6bdf8b..376dabd33f 100644
--- a/site/docs/manual/core/encode.zh.md
+++ b/site/docs/manual/core/encode.zh.md
@@ -57,7 +57,7 @@ table({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .point()
@@ -178,7 +178,7 @@ table({
   const X = I.map((i) => ((i - 2) * Math.PI) / 2);
   const Y = X.map((x) => Math.sin(x));
 
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .line()
@@ -199,7 +199,7 @@ table({
 
 ```js
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -258,7 +258,7 @@ chart.encode('y', 'end').encode('y1', 'start');
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .data([
diff --git a/site/docs/manual/core/interaction.zh.md b/site/docs/manual/core/interaction.zh.md
index 9b4d2eada7..3876471932 100644
--- a/site/docs/manual/core/interaction.zh.md
+++ b/site/docs/manual/core/interaction.zh.md
@@ -91,7 +91,7 @@ chart.area():
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -127,7 +127,7 @@ chart.area():
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
diff --git a/site/docs/manual/core/label.zh.md b/site/docs/manual/core/label.zh.md
index 1a005d4a30..6d5079973c 100644
--- a/site/docs/manual/core/label.zh.md
+++ b/site/docs/manual/core/label.zh.md
@@ -94,7 +94,7 @@ chart.labelTransform([{ type: 'overlapHide' }, { type: 'contrastReverse' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -139,7 +139,7 @@ chart.labelTransform([{ type: 'overlapHide' }, { type: 'contrastReverse' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .line()
@@ -173,7 +173,7 @@ chart.labelTransform([{ type: 'overlapHide' }, { type: 'contrastReverse' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .line()
@@ -202,7 +202,7 @@ chart.labelTransform([{ type: 'overlapHide' }, { type: 'contrastReverse' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ padding: 'auto', theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .line()
diff --git a/site/docs/manual/core/mark.zh.md b/site/docs/manual/core/mark.zh.md
index 6021730717..1c0d267310 100644
--- a/site/docs/manual/core/mark.zh.md
+++ b/site/docs/manual/core/mark.zh.md
@@ -98,7 +98,7 @@ chart.point();
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .point()
@@ -121,7 +121,7 @@ chart.point();
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .line()
@@ -159,7 +159,7 @@ G2 的标记是可以叠加的，换句话说：可以在一个视图里面添
     { year: '1999', value: 13 },
   ];
 
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart.line().data(data).encode('x', 'year').encode('y', 'value');
 
@@ -197,7 +197,7 @@ G2 里面的标记可以通过一种机制复合成一个标记，然后使用
     { year: '1999', value: 13 },
   ];
 
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   // Options 使用复合 Mark
   chart.mark(PointLine).data(data).encode('x', 'year').encode('y', 'value');
@@ -222,8 +222,6 @@ G2 里面的标记可以通过一种机制复合成一个标记，然后使用
   const chart = new G2.Chart({
     width: 900,
     height: 600,
-    theme: 'classic',
-    padding: 'auto',
   });
 
   // Sankey 标记
@@ -266,10 +264,7 @@ Select 标记转换提供了从一组图形中选择图形的能力。比如在
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
-  });
+  const chart = new G2.Chart();
 
   chart.data({
     type: 'fetch',
@@ -316,7 +311,7 @@ Select 标记转换提供了从一组图形中选择图形的能力。比如在
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .point()
@@ -404,10 +399,7 @@ Select 标记转换提供了从一组图形中选择图形的能力。比如在
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
-  });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -443,10 +435,7 @@ Select 标记转换提供了从一组图形中选择图形的能力。比如在
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
-  });
+  const chart = new G2.Chart();
 
   chart
     .interval()
diff --git a/site/docs/manual/core/scale.zh.md b/site/docs/manual/core/scale.zh.md
index e1ab2dc027..514460ae2c 100644
--- a/site/docs/manual/core/scale.zh.md
+++ b/site/docs/manual/core/scale.zh.md
@@ -90,7 +90,7 @@ chart.scale({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .line()
@@ -122,7 +122,7 @@ chart.scale({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart.options({
     type: 'view',
@@ -168,7 +168,7 @@ chart.scale({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart.options({
     type: 'view',
@@ -222,7 +222,7 @@ chart.scale({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .data([
@@ -264,7 +264,7 @@ chart.scale({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .point()
@@ -289,7 +289,7 @@ chart.scale({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -321,8 +321,7 @@ chart.scale({
 ```js | ob
 (() => {
   const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
+    
     height: 240,
   });
 
diff --git a/site/docs/manual/core/size.zh.md b/site/docs/manual/core/size.zh.md
index 39939c73bf..4f14bcf9bc 100644
--- a/site/docs/manual/core/size.zh.md
+++ b/site/docs/manual/core/size.zh.md
@@ -85,8 +85,7 @@ G2 中的视图模型定义了一个视图的划分方式，划分得到的不
 
   chart.options({
     type: 'point',
-    theme: 'classic',
-    height: 280,
+      height: 280,
     marginTop: 30,
     marginLeft: 40,
     marginBottom: 10,
diff --git a/site/docs/manual/core/state.zh.md b/site/docs/manual/core/state.zh.md
index ce72928384..7875311e0d 100644
--- a/site/docs/manual/core/state.zh.md
+++ b/site/docs/manual/core/state.zh.md
@@ -43,7 +43,7 @@ chart.interval().state({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -69,7 +69,7 @@ chart.interval().state({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
diff --git a/site/docs/manual/core/style.zh.md b/site/docs/manual/core/style.zh.md
index 448984069c..0d01254bb2 100644
--- a/site/docs/manual/core/style.zh.md
+++ b/site/docs/manual/core/style.zh.md
@@ -79,7 +79,7 @@ chart.style({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -114,12 +114,11 @@ chart.style({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart.options({
     type: 'view',
-    theme: 'classic',
-    height: 280,
+      height: 280,
     inset: 10,
     marginTop: 30,
     marginLeft: 40,
diff --git a/site/docs/manual/core/tooltip.zh.md b/site/docs/manual/core/tooltip.zh.md
index 7b6a703574..2fb03ea40a 100644
--- a/site/docs/manual/core/tooltip.zh.md
+++ b/site/docs/manual/core/tooltip.zh.md
@@ -188,7 +188,7 @@ G2 默认打开 Tooltip 交互 ，如果需要配置 Tooltip 属性，可以通
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .line()
diff --git a/site/docs/manual/core/transform.zh.md b/site/docs/manual/core/transform.zh.md
index db2f87b9d8..1a40d67f6e 100644
--- a/site/docs/manual/core/transform.zh.md
+++ b/site/docs/manual/core/transform.zh.md
@@ -47,7 +47,7 @@ chart.transform([{ type: 'stackY' }, { type: 'sortX' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -86,7 +86,7 @@ chart.transform([{ type: 'stackY' }, { type: 'sortX' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .data([
@@ -135,7 +135,7 @@ chart.transform([{ type: 'stackY' }, { type: 'sortX' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -171,7 +171,7 @@ chart.transform([{ type: 'stackY' }, { type: 'sortX' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -214,7 +214,7 @@ chart.transform([{ type: 'stackY' }, { type: 'sortX' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .point()
@@ -238,7 +238,7 @@ chart.transform([{ type: 'stackY' }, { type: 'sortX' }]);
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .rect()
@@ -270,7 +270,7 @@ Bin 主要是用来聚合数值类型的数据，Group 主要针对离散数据
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .rect()
diff --git a/site/docs/manual/extra-topics/3d-charts.zh.md b/site/docs/manual/extra-topics/3d-charts.zh.md
index 35477ae23e..8b3ad5d8d8 100644
--- a/site/docs/manual/extra-topics/3d-charts.zh.md
+++ b/site/docs/manual/extra-topics/3d-charts.zh.md
@@ -53,7 +53,6 @@ const Chart = extend(Runtime, { ...corelib(), ...threedlib() });
 ```ts
 const chart = new Chart({
   container: 'container',
-  theme: 'classic',
   renderer,
   depth: 400,
 });
@@ -110,8 +109,7 @@ chart.render().then(() => {
 
   // 初始化图表实例
   const chart = new Chart({
-    theme: 'classic',
-    renderer,
+      renderer,
     width: 500,
     height: 500,
     depth: 400,
@@ -174,8 +172,7 @@ camera.rotate(-20, -20, 0);
 
   // 初始化图表实例
   const chart = new Chart({
-    theme: 'classic',
-    renderer,
+      renderer,
     width: 500,
     height: 500,
     depth: 400,
@@ -251,8 +248,7 @@ canvas.appendChild(light);
 
   // 初始化图表实例
   const chart = new Chart({
-    theme: 'classic',
-    renderer,
+      renderer,
     width: 500,
     height: 500,
     depth: 400,
@@ -380,8 +376,7 @@ chart.legend(false);
 
   // 初始化图表实例
   const chart = new Chart({
-    theme: 'classic',
-    renderer,
+      renderer,
     width: 500,
     height: 500,
     depth: 400,
@@ -544,8 +539,7 @@ button.onclick = () => {
 
   // 初始化图表实例
   const chart = new Chart({
-    theme: 'classic',
-    renderer,
+      renderer,
     width: 500,
     height: 500,
     depth: 400,
diff --git a/site/docs/manual/extra-topics/bundle.zh.md b/site/docs/manual/extra-topics/bundle.zh.md
index 6b9f7e1f54..c7668d0dae 100644
--- a/site/docs/manual/extra-topics/bundle.zh.md
+++ b/site/docs/manual/extra-topics/bundle.zh.md
@@ -25,8 +25,7 @@ G2 5.0.19 版本推出了按需打包的功能。可以借助 [Rollup](https://r
     // 初始化扩展后的图表实例
     const chart = new Chart({
       container: 'container',
-      theme: 'classic',
-    });
+        });
 
     // 声明可视化
     chart.options({
@@ -61,10 +60,7 @@ G2 5.0.19 版本推出了按需打包的功能。可以借助 [Rollup](https://r
     { lib: 'Runtime', size: 252045, type: 'gzip' },
   ];
 
-  const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
-  });
+  const chart = new G2.Chart();
 
   chart.options({
     type: 'interval',
@@ -161,7 +157,7 @@ import { Runtime, extend, stdlib } from '@antv/g2';
 
 const Chart = extend(Runtime, stdlib());
 
-const chart = new Chart({ theme: 'classic' });
+const chart = new Chart();
 
 chart.interval(); // corelib
 chart.sankey(); // plotlib
@@ -191,7 +187,7 @@ const Chart = extend(Runtime, {
   ...plotlib(),
 });
 
-const chart = new Chart({ theme: 'classic' });
+const chart = new Chart();
 
 chart.sankey();
 ```
@@ -208,7 +204,7 @@ const Chart = extend(Runtime, {
   ...geolib(),
 });
 
-const chart = new Chart({ theme: 'classic' });
+const chart = new Chart();
 
 chart.geoPath();
 ```
@@ -225,7 +221,7 @@ const Chart = extend(Runtime, {
   ...graphlib(),
 });
 
-const chart = new Chart({ theme: 'classic' });
+const chart = new Chart();
 
 chart.forceGraph();
 ```
@@ -244,7 +240,7 @@ const Chart = extend(Runtime, {
   ...autolib(),
 });
 
-const chart = new Chart({ theme: 'classic' });
+const chart = new Chart();
 
 chart.auto(); // Auto Mark
 ```
@@ -265,7 +261,6 @@ const Chart = extend(Runtime, {
 });
 
 const chart = new Chart({
-  theme: 'classic',
   renderer: new Renderer(), //使用 webgl 渲染器
   depth: 400, // 设置深度
 });
@@ -293,7 +288,7 @@ const Chart = extend(Runtime, {
   'mark.interval': Interval,
 });
 
-const chart = new Chart({ theme: 'classic' });
+const chart = new Chart();
 
 chart.interval();
 ```
@@ -309,7 +304,7 @@ const Chart = extend(Runtime, {
   'interaction.tooltip': Tooltip,
 });
 
-const chart = new Chart({ theme: 'classic' });
+const chart = new Chart();
 
 chart.options({
   type: 'interval',
diff --git a/site/docs/manual/extra-topics/color.zh.md b/site/docs/manual/extra-topics/color.zh.md
index 5d5a340e70..a7c5c0ec63 100644
--- a/site/docs/manual/extra-topics/color.zh.md
+++ b/site/docs/manual/extra-topics/color.zh.md
@@ -31,7 +31,7 @@ order: 6
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -57,7 +57,7 @@ order: 6
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -87,7 +87,7 @@ G2 中可以通过设置 `scale.palette` 去指定色板。这个色板可以是
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -113,8 +113,7 @@ G2 中可以通过设置 `scale.palette` 去指定色板。这个色板可以是
 ```js | ob
 (() => {
   const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
+    
     height: 320,
   });
 
@@ -157,7 +156,7 @@ chart.interval().scale('color', {
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
diff --git a/site/docs/manual/extra-topics/customization.zh.md b/site/docs/manual/extra-topics/customization.zh.md
index 7563b9889b..cf90a6a8f4 100644
--- a/site/docs/manual/extra-topics/customization.zh.md
+++ b/site/docs/manual/extra-topics/customization.zh.md
@@ -81,7 +81,7 @@ chart.interval().style('shape', 'triangle');
   G2.register('shape.interval.triangle', ShapeTriangle);
 
   // 初始化图表
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -120,7 +120,7 @@ function render(event, tooltipData) {
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -262,8 +262,7 @@ function legendColor(chart) {
   const container = document.createElement('div');
 
   const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
+    
     container,
   });
 
@@ -336,8 +335,7 @@ function legendColor(chart) {
 
   chart.options({
     type: 'line',
-    theme: 'classic',
-    data: {
+      data: {
       type: 'fetch',
       value:
         'https://gw.alipayobjects.com/os/bmw-prod/551d80c6-a6be-4f3c-a82a-abd739e12977.csv',
diff --git a/site/docs/manual/extra-topics/experimental-spec-api.zh.md b/site/docs/manual/extra-topics/experimental-spec-api.zh.md
index 1a222f1316..6c71d9d119 100644
--- a/site/docs/manual/extra-topics/experimental-spec-api.zh.md
+++ b/site/docs/manual/extra-topics/experimental-spec-api.zh.md
@@ -8,10 +8,7 @@ G2 5.0 和 4.0 版本一样，提供了一套命令式的 Functional API 去声
 ```js | ob
 (() => {
   // 初始化图表实例
-  const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
-  });
+  const chart = new G2.Chart();
 
   // 声明可视化
   chart
@@ -43,10 +40,7 @@ G2 5.0 和 4.0 版本一样，提供了一套命令式的 Functional API 去声
 ```js | ob
 (() => {
   // 初始化图表实例
-  const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
-  });
+  const chart = new G2.Chart();
 
   // 声明可视化
   chart.options({
@@ -131,10 +125,7 @@ chart
 ```js | ob
 (() => {
   // 初始化图表实例
-  const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
-  });
+  const chart = new G2.Chart();
 
   // 声明可视化
   chart.options({
@@ -184,8 +175,7 @@ chart
 
   // 声明可视化
   chart.options({
-    theme: 'classic',
-    type: 'spaceFlex',
+      type: 'spaceFlex',
     width: 900,
     data: {
       type: 'fetch',
diff --git a/site/docs/manual/extra-topics/use-in-framework.zh.md b/site/docs/manual/extra-topics/use-in-framework.zh.md
index 7952c2a5c8..cdfb11b4f4 100644
--- a/site/docs/manual/extra-topics/use-in-framework.zh.md
+++ b/site/docs/manual/extra-topics/use-in-framework.zh.md
@@ -14,8 +14,7 @@ order: 1
 function renderBarChart(container) {
   const chart = new Chart({
     container,
-    theme: 'classic',
-  });
+    });
 
   // 准备数据
   const data = [
diff --git a/site/docs/manual/introduction/getting-started.zh.md b/site/docs/manual/introduction/getting-started.zh.md
index 2c75a971f7..7d97927c88 100644
--- a/site/docs/manual/introduction/getting-started.zh.md
+++ b/site/docs/manual/introduction/getting-started.zh.md
@@ -45,7 +45,6 @@ const data = [
 // 初始化图表实例
 const chart = new Chart({
   container: 'container',
-  theme: 'classic',
 });
 
 // 声明可视化
@@ -78,7 +77,6 @@ G2 也提供了 UMD 版本，可以直接通过 CDN 加载，然后直接使用
   // 初始化图表实例
   const chart = new G2.Chart({
     container: 'container',
-    theme: 'classic',
   });
 
   // 声明可视化
@@ -100,7 +98,7 @@ G2 也提供了 UMD 版本，可以直接通过 CDN 加载，然后直接使用
 ```js | ob {pin:false}
 (() => {
   // 初始化图表实例
-  const chart = new G2.Chart({ theme: 'classic' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
diff --git a/site/docs/manual/introduction/what-is-g2.zh.md b/site/docs/manual/introduction/what-is-g2.zh.md
index cebf875a1b..7cdfe34324 100644
--- a/site/docs/manual/introduction/what-is-g2.zh.md
+++ b/site/docs/manual/introduction/what-is-g2.zh.md
@@ -28,7 +28,7 @@ table({
 
 ```js
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
   // ...
   return chart.getContainer(); // 挂载图表的容器
 })();
@@ -43,7 +43,7 @@ table({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .point()
@@ -68,7 +68,7 @@ table({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .rect()
@@ -95,7 +95,7 @@ table({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .rect()
@@ -124,7 +124,7 @@ table({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .rect()
@@ -157,8 +157,7 @@ table({
 (() => {
   const chart = new G2.Chart({
     paddingLeft: 60,
-    theme: 'classic',
-    padding: 'auto',
+    
   });
 
   const facet = chart
@@ -192,7 +191,7 @@ table({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .rect()
@@ -221,7 +220,7 @@ table({
     'https://gw.alipayobjects.com/os/antvdemo/assets/data/scatter.json',
   ).then((res) => res.json());
 
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   const keyframe = chart
     .timingKeyframe()
@@ -259,7 +258,7 @@ table({
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .point()
diff --git a/site/docs/manual/introduction/why-g2.zh.md b/site/docs/manual/introduction/why-g2.zh.md
index ed80f9cc78..f89df6a4ab 100644
--- a/site/docs/manual/introduction/why-g2.zh.md
+++ b/site/docs/manual/introduction/why-g2.zh.md
@@ -23,7 +23,7 @@ G2 名字和设计理念都来自于图形语法《[The Grammar of Graphics](htt
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   // 一句话声明可视化
   chart
@@ -47,7 +47,7 @@ G2 简洁来自**默认值**：你只需要提供标记类型，数据和编码
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .point()
@@ -76,8 +76,7 @@ G2 简洁来自**默认值**：你只需要提供标记类型，数据和编码
   const chart = new G2.Chart({
     width: 900,
     height: 600,
-    theme: 'classic',
-    padding: 'auto',
+    
   });
 
   // Sankey 标记
@@ -114,7 +113,7 @@ G2 可以绘制出丰富的图表类型，除了支持基础的折、柱饼等
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .link()
@@ -145,8 +144,7 @@ G2 可以绘制出丰富的图表类型，除了支持基础的折、柱饼等
 (() => {
   const chart = new G2.Chart({
     height: 180,
-    theme: 'classic',
-    padding: 'auto',
+    
   });
 
   chart.data({
@@ -200,7 +198,7 @@ G2 可以绘制出丰富的图表类型，除了支持基础的折、柱饼等
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .rect()
@@ -222,7 +220,7 @@ G2 可以绘制出丰富的图表类型，除了支持基础的折、柱饼等
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .rect()
@@ -247,8 +245,7 @@ G2 可以绘制出丰富的图表类型，除了支持基础的折、柱饼等
 ```js | ob
 (() => {
   const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
+    
     paddingLeft: 50,
     paddingBottom: 50,
   });
@@ -280,7 +277,7 @@ G2 可以绘制数据驱动的动画，从而达到可视化叙事的效果。
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -312,10 +309,7 @@ G2 可以绘制数据驱动的动画，从而达到可视化叙事的效果。
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({
-    theme: 'classic',
-    padding: 'auto',
-  });
+  const chart = new G2.Chart();
 
   chart
     .interval()
@@ -348,7 +342,7 @@ G2 可以绘制数据驱动的动画，从而达到可视化叙事的效果。
     'https://gw.alipayobjects.com/os/antvdemo/assets/data/scatter.json',
   ).then((res) => res.json());
 
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   // Keyframe 容器，对里面的视图应用过渡动画
   const keyframe = chart
@@ -398,8 +392,7 @@ G2 除了提供丰富的内置交互以外，还通过 `chart.on` 和 `chart.emi
   // 渲染 focus 视图
   const focus = new G2.Chart({
     container: focusContainer,
-    theme: 'classic',
-    height: 360,
+      height: 360,
     paddingLeft: 50,
   });
 
@@ -423,8 +416,7 @@ G2 除了提供丰富的内置交互以外，还通过 `chart.on` 和 `chart.emi
   // 渲染 context 视图
   const context = new G2.Chart({
     container: contextContainer,
-    theme: 'classic',
-    paddingLeft: 50,
+      paddingLeft: 50,
     paddingTop: 0,
     paddingBottom: 0,
     height: 60,
@@ -486,7 +478,7 @@ G2 提供了两种风格的 API：**函数式 API** 和 **选项式 API** 。前
 
 ```js | ob
 (() => {
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   // 通过选项式 API 声明图表
   chart.options({
@@ -518,8 +510,7 @@ G2 提供了两种风格的 API：**函数式 API** 和 **选项式 API** 。前
   const chart = new G2.Chart({
     height: 150,
     padding: 10,
-    theme: 'classic',
-    padding: 'auto',
+    
   });
 
   const mock = () => Array.from({ length: 20 }, () => Math.random());
@@ -576,7 +567,7 @@ G2 提供了一种简单的复合 Mark 的机制，用于增强图表或者自
     ];
   }
 
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   // API 的方式使用复合 Mark
   chart
@@ -644,7 +635,7 @@ G2 是的架构是由 **运行时（Runtime）** 和一系列 **可视化组件
     };
   });
 
-  const chart = new G2.Chart({ theme: 'classic', padding: 'auto' });
+  const chart = new G2.Chart();
 
   chart
     .interval()