From 696a36359194ed4b499c48ba754f24eb222d02b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Sun, 18 Sep 2022 16:47:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=98=A0=E5=B0=84?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E9=A2=9C=E8=89=B2=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Pages/ChartItemSetting/GlobalSetting.vue | 8 +++++++-
 src/packages/components/Charts/Mores/Heatmap/config.ts  | 1 +
 src/packages/components/Charts/Mores/Heatmap/config.vue | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Pages/ChartItemSetting/GlobalSetting.vue b/src/components/Pages/ChartItemSetting/GlobalSetting.vue
index e428e8e2..33bf6738 100644
--- a/src/components/Pages/ChartItemSetting/GlobalSetting.vue
+++ b/src/components/Pages/ChartItemSetting/GlobalSetting.vue
@@ -224,6 +224,12 @@
       </setting-item>
     </setting-item-box>
 
+    <setting-item-box name="颜色">
+      <setting-item :name="`层级-${index + 1}`" v-for="(item, index) in visualMap.inRange.color" :key="index">
+        <n-color-picker v-model:value="visualMap.inRange.color[index]" size="small"></n-color-picker>
+      </setting-item>
+    </setting-item-box>
+
     <setting-item-box name="视觉映射">
       <setting-item name="放置方向">
         <n-select v-model:value="visualMap.orient" size="small" :options="axisConfig.visualMap.orient"></n-select>
@@ -261,7 +267,7 @@
 import { PropType, computed } from 'vue'
 import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
 import { axisConfig } from '@/packages/chartConfiguration/echarts/index'
-import { CollapseItem, SettingItemBox, SettingItem, GlobalSettingPosition} from '@/components/Pages/ChartItemSetting'
+import { CollapseItem, SettingItemBox, SettingItem, GlobalSettingPosition } from '@/components/Pages/ChartItemSetting'
 
 const props = defineProps({
   optionData: {
diff --git a/src/packages/components/Charts/Mores/Heatmap/config.ts b/src/packages/components/Charts/Mores/Heatmap/config.ts
index bc1ce06a..8e8cc6f6 100644
--- a/src/packages/components/Charts/Mores/Heatmap/config.ts
+++ b/src/packages/components/Charts/Mores/Heatmap/config.ts
@@ -26,6 +26,7 @@ export const option = {
     calculable: true,
     orient: 'horizontal',
     inRange: {
+      // 高 -> 低
       color: ['#4661c2', '#263253']
     }
   },
diff --git a/src/packages/components/Charts/Mores/Heatmap/config.vue b/src/packages/components/Charts/Mores/Heatmap/config.vue
index 7ace7081..8f51f12e 100644
--- a/src/packages/components/Charts/Mores/Heatmap/config.vue
+++ b/src/packages/components/Charts/Mores/Heatmap/config.vue
@@ -6,7 +6,7 @@
 
 <script setup lang="ts">
   import { PropType, computed } from 'vue'
-import { GlobalSetting, CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
+import { GlobalSetting } from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 import { GlobalThemeJsonType } from '@/settings/chartThemes/index'