1、添加环形图。

2、一些已知问题修复

1、添加环形图。
2、一些已知问题修复
qianbao
1 parent 5afe5d30
Showing 5 changed files with 23 additions and 14 deletions
src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-active-ring-chart.js → src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-active-ring-chart.js
src/views/bigscreenDesigner/designer/tools/main.js
src/views/bigscreenDesigner/designer/widget/percent/widgetActiveRingChart.vue → src/views/bigscreenDesigner/designer/widget/pie/widgetActiveRingChart.vue
src/views/bigscreenDesigner/designer/widget/temp.vue
src/views/bigscreenDesigner/designer/widget/widget.vue
@@ -3,7 +3,7 @@
  */
 export const widgetActiveRingChart=  {
   code: 'widget-active-ring-chart',
-  type: 'percent',
+  type: 'pieChart',
   tabName: '百分比',
   label: '动态环图',
   icon: 'iconicon_tubiao_bingtu',
@@ -24,7 +24,7 @@ export const widgetActiveRingChart=  {
         name: 'radius',
         required: false,
         placeholder: '',
-        value: 50,
+        value: 75,
       },
       {
         type: 'el-slider',
@@ -32,7 +32,7 @@ export const widgetActiveRingChart=  {
         name: 'activeRadius',
         required: false,
         placeholder: '',
-        value: 55,
+        value: 85,
       },
       {
         type: 'el-input-number',
@@ -40,7 +40,7 @@ export const widgetActiveRingChart=  {
         name: 'lineWidth',
         required: false,
         placeholder: '',
-        value: 20,
+        value: 40,
       },
       {
         type: 'el-input-number',
@@ -98,7 +98,7 @@ export const widgetActiveRingChart=  {
             label: '',
             name: 'customColor',
             required: false,
-            value: [{ color: '#1E90FF'},{ color: '#77FF00' },{ color: '#7700BB' },{ color: '#FF0088' },{ color: '#CC00CC' }],
+            value: [{ color: '#0CD2E6' }, { color: '#00BFA5' }, { color: '#FFC722' }, { color: '#886EFF' }, { color: '#008DEC' }],
           },
         ],
       }],
@@ -190,7 +190,7 @@ export const widgetActiveRingChart=  {
         relactiveDom: 'dataType',
         relactiveDomValue: 'dynamicData',
         chartType: 'widget-active-ring-chart',
-        dictKey: 'TEXT_PROPERTIES',
+        dictKey: 'PIE_PROPERTIES',
         value: '',
       },
     ],
@@ -46,7 +46,7 @@ import { widgetProgress } from &quot;./configure/percentCharts/widget-progress&quot;;
 import {widgetWaterLevelPond} from "./configure/texts/widget-water-level-pond";
 import {widgetDigitalFlop} from "./configure/texts/widget-digital-flop";
 import {widgetScrollRankingBoard} from "./configure/texts/widget-scroll-ranking-board";
-import {widgetActiveRingChart} from "./configure/percentCharts/widget-active-ring-chart";
+import {widgetActiveRingChart} from "./configure/pieCharts/widget-active-ring-chart";
 export const widgetTool = [
@@ -20,10 +20,10 @@ export default {
     return {
       //返回图标数据
       options: {
-        radius:'50%',//环半径
-        activeRadius:'55%',//环半径（动态）
+        radius:'75%',//环半径
+        activeRadius:'85%',//环半径（动态）
         data:[],//环数据
-        lineWidth:20,//环数据
+        lineWidth:40,//环数据
         activeTimeGap:3000,//切换间隔(ms)
         color:[],//环颜色
         digitalFlopStyle: {
@@ -43,7 +43,7 @@ export default {
   },
   computed: {
     styleObj() {
-      return {
+      const style ={
         position: this.ispreview ? "absolute" : "static",
         width: this.optionsStyle.width + "px",
         height: this.optionsStyle.height + "px",
@@ -51,6 +51,7 @@ export default {
         top: this.optionsStyle.top + "px",
         background: this.optionsSetup.background
       };
+      return style;
     },
   },
   watch: {
@@ -100,7 +101,7 @@ export default {
       fontStyle.fill=optionsSetup.fill;
       fontStyle.fontSize=optionsSetup.fontSize;
       fontStyle.fontWeight=optionsSetup.fontWeight;
-      this.options.digitalFlopToFixed = fontStyle;
+      this.options.digitalFlopStyle = fontStyle;
     },
     // 配置修改
     setOptionsConfig() {
@@ -114,6 +115,7 @@ export default {
       this.options.animationFrame = optionsSetup.animationFrame;
       this.options.showOriginValue = optionsSetup.showOriginValue;
       //改变options
+      // console.log("配置修改：",this.styleObj);
       this.options={...this.options};
     },
     //数据类型
@@ -153,3 +155,10 @@ export default {
 };
 </script>
+<style scoped lang="scss">
+.echarts {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
@@ -50,7 +50,7 @@ import widgetCapsuleChart from &quot;./bar/widgetCapsuleChart&quot;;
 import widgetWaterLevelPond from "./text/widgetWaterLevelPond";
 import widgetDigitalFlop from "./text/widgetDigitalFlop";
 import widgetScrollRankingBoard from "./text/widgetScrollRankingBoard";
-import widgetActiveRingChart from "./percent/widgetActiveRingChart";
+import widgetActiveRingChart from "./pie/widgetActiveRingChart";
 export default {
@@ -55,7 +55,7 @@ import widgetProgress from &quot;./percent/widgetProgress&quot;;
 import widgetWaterLevelPond from "./text/widgetWaterLevelPond";
 import widgetDigitalFlop from "./text/widgetDigitalFlop";
 import widgetScrollRankingBoard from "./text/widgetScrollRankingBoard";
-import widgetActiveRingChart from "./percent/widgetActiveRingChart";
+import widgetActiveRingChart from "./pie/widgetActiveRingChart";
 export default {
   name: "Widget",
   components: {