页面修改

src/assets/utils/chartsUtils.js

@@ -112,113 +112,117 @@ var chartsUtils = {
     },
     //销售  任务管理  部门执行力
     saleTaskDepartment: function(id, myTitle, myValue, insideColor, outsideColor) {
-        var myChart3 = selfechart.init(document.getElementById(id));
-        myChart3.setOption({
-            series: [{
-                    name: '业务指标',
-                    type: 'gauge',
-                    detail: {
-                        show: true,
-                        backgroundColor: 'rgba(0,0,0,0)',
-                        borderWidth: 0,
-                        borderColor: '#ccc',
-                        offsetCenter: [0, '10%'],
-                        formatter: '{value}%',
-                        textStyle: {
-                            color: insideColor, //百分比
-                            fontSize: 15
-                        }
-                    },
-                    radius: '90%',
-                    startAngle: 200,
-                    endAngle: -25,
-                    data: [{ value: myValue, name: myTitle }],
-                    splitLine: {
-                        show: false
-                    },
-                    axisLine: {
-                        show: true,
-                        lineStyle: {
-                            color: [
-                                [1, 'transparent']
-                            ],
-                            width: 2
-                        }
-                    }, //缩在里面的标线
-                    axisTick: {
-                        min: 0,
-                        max: 100,
-                        splitNumber: 3, //缩在里面的标线的宽度
-                        length: 2, // //缩在里面的标线的长度
-                        lineStyle: { // 属性lineStyle控制线条样式
-                            color: insideColor //刻度
-                        }
-                    },
-                    axisLabel: {
-                        formatter: function(v) {
-                            return "";
+        var obj=document.getElementById(id);
+        if(obj!=null)
+        {
+            var myChart3 = selfechart.init(obj);
+            myChart3.setOption({
+                series: [{
+                        name: '业务指标',
+                        type: 'gauge',
+                        detail: {
+                            show: true,
+                            backgroundColor: 'rgba(0,0,0,0)',
+                            borderWidth: 0,
+                            borderColor: '#ccc',
+                            offsetCenter: [0, '10%'],
+                            formatter: '{value}%',
+                            textStyle: {
+                                color: insideColor, //百分比
+                                fontSize: 15
+                            }
+                        },
+                        radius: '90%',
+                        startAngle: 200,
+                        endAngle: -25,
+                        data: [{ value: myValue, name: myTitle }],
+                        splitLine: {
+                            show: false
+                        },
+                        axisLine: {
+                            show: true,
+                            lineStyle: {
+                                color: [
+                                    [1, 'transparent']
+                                ],
+                                width: 2
+                            }
+                        }, //缩在里面的标线
+                        axisTick: {
+                            min: 0,
+                            max: 100,
+                            splitNumber: 3, //缩在里面的标线的宽度
+                            length: 2, // //缩在里面的标线的长度
+                            lineStyle: { // 属性lineStyle控制线条样式
+                                color: insideColor //刻度
+                            }
+                        },
+                        axisLabel: {
+                            formatter: function(v) {
+                                return "";
+                            }
+                        },
+                        //指针的宽度
+                        pointer: {
+                            width: 0
+                        },
+                        title: {
+                            show: true,
+                            offsetCenter: [0, '40%'],
+                            textStyle: {
+                                color: '#9E9E9E',
+                                fontSize: 14
+                            }
                         }
                     },
-                    //指针的宽度
-                    pointer: {
-                        width: 0
-                    },
-                    title: {
-                        show: true,
-                        offsetCenter: [0, '40%'],
-                        textStyle: {
-                            color: '#9E9E9E',
-                            fontSize: 14
-                        }
+                    { //空仪表,最外层边框
+                        name: '',
+                        type: 'gauge',
+                        startAngle: 200,
+                        endAngle: -25,
+                        radius: "100%",
+                        //symbol: 'circle',     //设定为实心点
+                        //symbolSize: 20,   //设定实心点的大小
+                        detail: { formatter: '{value}%' },
+                        axisLine: { //仪表圈
+                            show: true,
+                            lineStyle: {
+                                color: [
+                                    [myValue / 100, insideColor], //完成度
+                                    [1, outsideColor]
+                                ],
+                                shadowColor: [
+                                    [myValue / 100, 'black'],
+                                    [1, outsideColor]
+                                ],
+                                width: 2
+                            }
+    
+                        },
+                        splitLine: { //分割线
+                            show: false
+                        },
+                        axisTick: { //刻度线
+                            show: false
+    
+                        },
+                        axisLabel: { //刻度标签
+                            show: false
+                        },
+                        pointer: { //指针
+                            show: true,
+                            width: 5,
+                            shadowColor: 'black', //默认透明
+                            shadowBlur: 5
+                        },
+                        detail: {
+                            show: false
+                        },
+                        data: []
                     }
-                },
-                { //空仪表,最外层边框
-                    name: '',
-                    type: 'gauge',
-                    startAngle: 200,
-                    endAngle: -25,
-                    radius: "100%",
-                    //symbol: 'circle',     //设定为实心点
-                    //symbolSize: 20,   //设定实心点的大小
-                    detail: { formatter: '{value}%' },
-                    axisLine: { //仪表圈
-                        show: true,
-                        lineStyle: {
-                            color: [
-                                [myValue / 100, insideColor], //完成度
-                                [1, outsideColor]
-                            ],
-                            shadowColor: [
-                                [myValue / 100, 'black'],
-                                [1, outsideColor]
-                            ],
-                            width: 2
-                        }
-
-                    },
-                    splitLine: { //分割线
-                        show: false
-                    },
-                    axisTick: { //刻度线
-                        show: false
-
-                    },
-                    axisLabel: { //刻度标签
-                        show: false
-                    },
-                    pointer: { //指针
-                        show: true,
-                        width: 5,
-                        shadowColor: 'black', //默认透明
-                        shadowBlur: 5
-                    },
-                    detail: {
-                        show: false
-                    },
-                    data: []
-                }
-            ]
-        })
+                ]
+            })
+        }
     },
     saleIndex: function(id, data) {
         var myChart4 = selfechart.init(document.getElementById(id));