doc(matrix): add examples for apache/echarts#19807

apache · May 15, 2024 · 850f21d · 850f21d
1 parent 723d485
commit 850f21d
Show file tree

Hide file tree

Showing 38 changed files with 16 additions and 18 deletions.
diff --git a/public/data/thumb-dark/matrix-confusion.png b/public/data/thumb-dark/matrix-confusion.png
diff --git a/public/data/thumb-dark/matrix-confusion.webp b/public/data/thumb-dark/matrix-confusion.webp
diff --git a/public/data/thumb-dark/matrix-correlation-heatmap.png b/public/data/thumb-dark/matrix-correlation-heatmap.png
diff --git a/public/data/thumb-dark/matrix-correlation-heatmap.webp b/public/data/thumb-dark/matrix-correlation-heatmap.webp
diff --git a/public/data/thumb-dark/matrix-correlation-scatter.png b/public/data/thumb-dark/matrix-correlation-scatter.png
diff --git a/public/data/thumb-dark/matrix-correlation-scatter.webp b/public/data/thumb-dark/matrix-correlation-scatter.webp
diff --git a/public/data/thumb-dark/matrix-covariance.png b/public/data/thumb-dark/matrix-covariance.png
diff --git a/public/data/thumb-dark/matrix-covariance.webp b/public/data/thumb-dark/matrix-covariance.webp
diff --git a/public/data/thumb-dark/matrix-graph.png b/public/data/thumb-dark/matrix-graph.png
diff --git a/public/data/thumb-dark/matrix-graph.webp b/public/data/thumb-dark/matrix-graph.webp
diff --git a/public/data/thumb-dark/matrix-periodic-table.png b/public/data/thumb-dark/matrix-periodic-table.png
diff --git a/public/data/thumb-dark/matrix-periodic-table.webp b/public/data/thumb-dark/matrix-periodic-table.webp
diff --git a/public/data/thumb-dark/matrix-pie.png b/public/data/thumb-dark/matrix-pie.png
diff --git a/public/data/thumb-dark/matrix-pie.webp b/public/data/thumb-dark/matrix-pie.webp
diff --git a/public/data/thumb-dark/matrix-simple.png b/public/data/thumb-dark/matrix-simple.png
diff --git a/public/data/thumb-dark/matrix-simple.webp b/public/data/thumb-dark/matrix-simple.webp
diff --git a/public/data/thumb/matrix-confusion.png b/public/data/thumb/matrix-confusion.png
diff --git a/public/data/thumb/matrix-confusion.webp b/public/data/thumb/matrix-confusion.webp
diff --git a/public/data/thumb/matrix-correlation-heatmap.png b/public/data/thumb/matrix-correlation-heatmap.png
diff --git a/public/data/thumb/matrix-correlation-heatmap.webp b/public/data/thumb/matrix-correlation-heatmap.webp
diff --git a/public/data/thumb/matrix-correlation-scatter.png b/public/data/thumb/matrix-correlation-scatter.png
diff --git a/public/data/thumb/matrix-correlation-scatter.webp b/public/data/thumb/matrix-correlation-scatter.webp
diff --git a/public/data/thumb/matrix-covariance.png b/public/data/thumb/matrix-covariance.png
diff --git a/public/data/thumb/matrix-covariance.webp b/public/data/thumb/matrix-covariance.webp
diff --git a/public/data/thumb/matrix-graph.png b/public/data/thumb/matrix-graph.png
diff --git a/public/data/thumb/matrix-graph.webp b/public/data/thumb/matrix-graph.webp
diff --git a/public/data/thumb/matrix-periodic-table.png b/public/data/thumb/matrix-periodic-table.png
diff --git a/public/data/thumb/matrix-periodic-table.webp b/public/data/thumb/matrix-periodic-table.webp
diff --git a/public/data/thumb/matrix-pie.png b/public/data/thumb/matrix-pie.png
diff --git a/public/data/thumb/matrix-pie.webp b/public/data/thumb/matrix-pie.webp
diff --git a/public/data/thumb/matrix-simple.png b/public/data/thumb/matrix-simple.png
diff --git a/public/data/thumb/matrix-simple.webp b/public/data/thumb/matrix-simple.webp
diff --git a/public/examples/ts/matrix-correlation-heatmap.ts b/public/examples/ts/matrix-correlation-heatmap.ts
@@ -52,22 +52,7 @@ option = {
     calculable: true,
     orient: 'horizontal',
     top: 5,
-    left: 'center',
-    inRange: {
-      color: [
-        '#313695',
-        '#4575b4',
-        '#74add1',
-        '#abd9e9',
-        '#e0f3f8',
-        '#ffffbf',
-        '#fee090',
-        '#fdae61',
-        '#f46d43',
-        '#d73027',
-        '#a50026'
-      ]
-    }
+    left: 'center'
   },
   series: {
     type: 'heatmap',

diff --git a/public/examples/ts/matrix-covariance.ts b/public/examples/ts/matrix-covariance.ts
@@ -62,15 +62,21 @@ for (let i = 1; i <= size; ++i) {
 option = {
   matrix: {
     x: {
-      data: xData
+      data: xData,
+      show: false
     },
     y: {
-      data: yData
+      data: yData,
+      show: false
     },
     width: 500,
     height: 500,
     left: (window.innerWidth - 500) / 2
   },
+  tooltip: {
+    show: true,
+    valueFormatter: value => Math.round(value)
+  },
   visualMap: {
     type: 'continuous',
     min: 15,

diff --git a/src/asset/icon/matrix.svg b/src/asset/icon/matrix.svg
diff --git a/src/common/config.js b/src/common/config.js
@@ -20,6 +20,7 @@ export const EXAMPLE_CATEGORIES = [
   'pictorialBar',
   'themeRiver',
   'calendar',
+  'matrix',
   'custom',
 
   'dataset',

diff --git a/src/common/i18n.js b/src/common/i18n.js
@@ -108,6 +108,7 @@ export default {
       pictorialBar: 'PictorialBar',
       themeRiver: 'ThemeRiver',
       calendar: 'Calendar',
+      matrix: 'Matrix',
       custom: 'Custom',
 
       dataset: 'Dataset',
@@ -237,6 +238,7 @@ export default {
       pictorialBar: '象形柱图',
       themeRiver: '主题河流图',
       calendar: '日历坐标系',
+      matrix: '矩阵坐标系',
       custom: '自定义系列',
 
       dataset: '数据集',

diff --git a/src/explore/Explore.vue b/src/explore/Explore.vue
@@ -94,6 +94,7 @@ const icons = {};
   'pictorialBar',
   'themeRiver',
   'calendar',
+  'matrix',
   'custom',
   'sunburst',
   'tree',