perf(src/packages): 信息里更多新增自定义echarts组件

@@ -5,8 +5,124 @@ import { CustomEchartsConfig } from './index'
 import cloneDeep from 'lodash/cloneDeep'
 import cloneDeep from 'lodash/cloneDeep'
 
 
 export const option = {
 export const option = {
-  //数据源设置
-  dataset: "{}"
+  //数据源设置 默认设置一个
+  dataset: `
+  {
+    backgroundColor: 'transparent',
+    tooltip: {
+        trigger: 'none'
+    },
+    xAxis: {
+        data: ["百分比"],
+        axisTick: {
+            show: false
+        },
+        axisLine: {
+            show: false
+        },
+        axisLabel: {
+            show: false,
+            textStyle: {
+                color: '#e54035'
+            }
+        }
+    },
+    yAxis: {
+        splitLine: {
+            show: false
+        },
+        axisTick: {
+            show: false
+        },
+        axisLine: {
+            show: false
+        },
+        axisLabel: {
+            show: false
+        }
+    },
+    series: [{
+        name: '最上层立体圆',
+        type: 'pictorialBar',
+        symbolSize: [300, 45],
+        symbolOffset: [0, -20],
+        z: 12,
+        itemStyle: {
+            normal: {
+                color: '#363F5E'
+            }
+        },
+        data: [{
+            value: 100,
+            symbolPosition: 'end'
+        }]
+    }, {
+        name: '中间立体圆',
+        type: 'pictorialBar',
+        symbolSize: [300, 45],
+        symbolOffset: [0, -20],
+        z: 12,
+        itemStyle: {
+            normal: {
+                color: '#2B5B4D'
+            }
+        },
+        data: [{
+            value: 30,
+            symbolPosition: 'end'
+        }]
+    }, {
+        name: '最底部立体圆',
+        type: 'pictorialBar',
+        symbolSize: [300, 45],
+        symbolOffset: [0, 20],
+        z: 12,
+        itemStyle: {
+            normal: {
+                color: '#01CC04'
+            }
+        },
+        data: [101 - 40]
+    }, {
+        //底部立体柱
+        stack: '1',
+        type: 'bar',
+        itemStyle: {
+            normal: {
+                color: '#01CC04',
+                opacity: .7
+            }
+        },
+        label: {
+            show: true,
+            position: "top",
+            distance: 15,
+            color: "#FFFE00",
+            fontSize:50,
+            formatter:'{c}'+'%'
+        },
+        
+        silent: true,
+        barWidth: 300,
+        barGap: '-100%', // Make series be overlap
+        data: [30]
+    }, {
+        //上部立体柱
+        stack: '1',
+        type: 'bar',
+        itemStyle: {
+            normal: {
+                color: '#36405E',
+                opacity: .7
+            }
+        },
+        silent: true,
+        barWidth: 300,
+        barGap: '-100%', // Make series be overlap
+        data: [100 - 30]
+    }]
+}
+  `
 }
 }
 
 
 export default class Config extends PublicConfigClass implements CreateComponentType {
 export default class Config extends PublicConfigClass implements CreateComponentType {

 <template>
 <template>
   <collapse-item name="数据源" :expanded="true">
   <collapse-item name="数据源" :expanded="true">
-    <monaco-editor v-model:modelValue="optionData.dataset" width="460px" height="380px" language="json" />
+    <monaco-editor v-model:modelValue="optionData.dataset" width="400px" height="480px" language="json" />
   </collapse-item>
   </collapse-item>
 </template>
 </template>
 
 

@@ -53,7 +53,7 @@ const option = computed(() => {
 
 
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore)
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore)
 
 
-const updateVChart = (dataset: any) => {
+const updateVChart = (dataset: object) => {
   new Promise(resolve => {
   new Promise(resolve => {
     setTimeout(() => {
     setTimeout(() => {
       resolve(
       resolve(