fix: 新增图表类型

src/packages/components/Charts/Bars/BarCommon/config.ts

@@ -1,4 +1,5 @@
 import { getUUID } from '@/utils'
+import { echartOptionProfixHandle } from '@/packages/utils/chart'
 import { BarCommonConfig } from './index'
 import { ConfigType, CreateComponentType } from '@/packages/index.d'
 import omit from 'lodash/omit'
@@ -12,8 +13,7 @@ export default class Config implements CreateComponentType {
   public attr = { x: 0, y: 0, w: 500, h: 300 }
 
   // 图表配置项
-  public config = {
-    backgroundColor: 'rgba(0,0,0,0)',
+  public option = echartOptionProfixHandle({
     tooltip: {
       trigger: 'axis',
       axisPointer: {
@@ -33,11 +33,11 @@ export default class Config implements CreateComponentType {
         type: 'bar'
       }
     ]
-  }
+  })
 
   // 设置坐标
   public setPosition(x: number, y: number): void {
     this.attr.x = x
     this.attr.y = y
   }
-}
+}

src/packages/components/Charts/Bars/BarCommon/index.vue

@@ -1,9 +1,9 @@
 <template>
-  <v-chart theme="dark" :option="option" autoresize />
+  <VChart theme="dark" :option="option" autoresize />
 </template>
 
 <script setup lang="ts">
-import { computed, toRef, PropType } from 'vue'
+import { computed, PropType } from 'vue'
 import VChart from 'vue-echarts'
 import { use, graphic } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
@@ -31,11 +31,6 @@ use([
 ])
 
 const option = computed(() => {
-  return props.chartData.config
+  return props.chartData.option
 })
-
-const attr = toRef(props.chartData, 'attr')
-
 </script>
-
-<style lang="scss" scoped></style>

src/packages/components/Charts/Bars/BarCrossrange/config.ts

@@ -1,4 +1,5 @@
 import { getUUID } from '@/utils'
+import { echartOptionProfixHandle } from '@/packages/utils/chart'
 import { BarCrossrangefig } from './index'
 import { ConfigType, CreateComponentType } from '@/packages/index.d'
 import omit from 'lodash/omit'
@@ -12,7 +13,7 @@ export default class Config implements CreateComponentType {
   public attr = { x: 0, y: 0, w: 500, h: 300 }
 
   // 图表配置项
-  public config = {
+  public option = echartOptionProfixHandle({
     backgroundColor: 'rgba(0,0,0,0)',
     tooltip: {
       trigger: 'axis',
@@ -33,7 +34,7 @@ export default class Config implements CreateComponentType {
         type: 'bar'
       }
     ]
-  }
+  })
 
   // 设置坐标
   public setPosition(x: number, y: number): void {

src/packages/components/Charts/Bars/BarCrossrange/index.vue

@@ -1,9 +1,9 @@
 <template>
-  <v-chart theme="dark" :option="option" autoresize />
+  <VChart theme="dark" :option="option" autoresize />
 </template>
 
 <script setup lang="ts">
-import { computed, toRef, PropType } from 'vue'
+import { computed, PropType } from 'vue'
 import VChart from 'vue-echarts'
 import { use, graphic } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
@@ -31,11 +31,8 @@ use([
 ])
 
 const option = computed(() => {
-  return props.chartData.config
+  return props.chartData.option
 })
-
-const attr = toRef(props.chartData, 'attr')
-
 </script>
 
 <style lang="scss" scoped></style>