diff --git a/examples/heatmap/basic/demo/calendar.ts b/examples/heatmap/basic/demo/calendar.ts
index 3611c2c23b..2b8425a0c1 100644
--- a/examples/heatmap/basic/demo/calendar.ts
+++ b/examples/heatmap/basic/demo/calendar.ts
@@ -58,7 +58,8 @@ fetch('https://gw.alipayobjects.com/os/antvdemo/assets/data/github-commit.json')
   .then((data) => {
     const heatmapPlot = new Heatmap(document.getElementById('container'), {
       data,
-      padding: [150, 30, 150, 70],
+      height: 400,
+      autoFit: false,
       xField: 'week',
       yField: 'day',
       colorField: 'commits',
diff --git a/examples/heatmap/basic/demo/shape.ts b/examples/heatmap/basic/demo/shape.ts
index 762033358d..5a2413c675 100644
--- a/examples/heatmap/basic/demo/shape.ts
+++ b/examples/heatmap/basic/demo/shape.ts
@@ -12,7 +12,6 @@ fetch('https://gw.alipayobjects.com/os/bmw-prod/68d3f380-089e-4683-ab9e-44932001
       sizeRatio: 0.5,
       color: ['#0d5fbb', '#7eadfc', '#fd8b6f', '#aa3523'],
       label: {
-        offset: -2,
         style: {
           fill: '#fff',
           shadowBlur: 2,
diff --git a/examples/heatmap/basic/demo/size.ts b/examples/heatmap/basic/demo/size.ts
index 3df22bae96..2f07118259 100644
--- a/examples/heatmap/basic/demo/size.ts
+++ b/examples/heatmap/basic/demo/size.ts
@@ -12,7 +12,6 @@ fetch('https://gw.alipayobjects.com/os/bmw-prod/68d3f380-089e-4683-ab9e-44932001
       shape: 'square',
       color: ['#dddddd', '#9ec8e0', '#5fa4cd', '#2e7ab6', '#114d90'],
       label: {
-        offset: -2,
         style: {
           fill: '#fff',
           shadowBlur: 2,
diff --git a/examples/heatmap/density/demo/basic.ts b/examples/heatmap/density/demo/basic.ts
index 1fac402b8e..19f63b7636 100644
--- a/examples/heatmap/density/demo/basic.ts
+++ b/examples/heatmap/density/demo/basic.ts
@@ -9,7 +9,7 @@ fetch('https://gw.alipayobjects.com/os/antvdemo/assets/data/heatmap.json')
       xField: 'g',
       yField: 'l',
       colorField: 'tmp',
-      color: '#c6e5ff-#9ec9ff-#7cabff-#5b8ff9-#3474db-#005cbe-#00419f-#00287e',
+      color: '#F51D27-#FA541C-#FF8C12-#FFC838-#FAFFA8-#80FF73-#12CCCC-#1890FF-#6E32C2',
       legend: {
         position: 'bottom',
       },