From d64a1dca101070ce7d5dcbcffc34d0efbd2da841 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 03 十一月 2023 10:46:15 +0800
Subject: [PATCH] 1.综合看板 初始化

---
 src/utils/myEcharts.js |  789 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 789 insertions(+), 0 deletions(-)

diff --git a/src/utils/myEcharts.js b/src/utils/myEcharts.js
index 8add81c..f51fdf6 100644
--- a/src/utils/myEcharts.js
+++ b/src/utils/myEcharts.js
@@ -1853,3 +1853,792 @@
   }
   return option
 }
+
+export function all01(xData2, yData) {
+  // var xData2 = ['123', '21', '32', '23', '1233']
+  var data1 = yData.map(i => i.quantity)
+  var data2 = yData.map(i => i.plan_qty)
+  var barWidth = 30
+  const option = {
+    backgroundColor: 'transparent',
+    // tooltip: {
+    //   trigger: 'item'
+    // },
+    grid: {
+      left: '2%',
+      top: '20%',
+      right: '2%',
+      bottom: '5%',
+      containLabel: true
+    },
+    title: {
+      text: '鍚勮溅闂村綋鏈堣鍗曟暟/鍏ュ簱鏁伴噺',
+      left: '50%',
+      top: '0%',
+      textAlign: 'center',
+      textStyle: {
+        color: 'rgba(0,255,255,0.8)',
+        fontSize: '20',
+        fontWeight: 'bolder'
+      }
+    },
+    xAxis: {
+      data: xData2,
+      type: 'category',
+      boundaryGap: true,
+      axisLabel: {
+        interval: 0,
+        formatter: '{value}',
+        fontSize: 16,
+        margin: 20,
+        textStyle: {
+          color: colorX
+        }
+      },
+      axisLine: {
+        lineStyle: {
+          color: '#032c58'
+        }
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: '#032c58'
+        }
+      },
+      axisTick: {
+        show: false
+      }
+    },
+    yAxis: {
+      boundaryGap: false,
+      // splitNumber: 4,
+      type: 'value',
+      // max: 100,
+      axisLabel: {
+        textStyle: {
+          fontSize: 16,
+          color: colorX
+        }
+      },
+      nameTextStyle: {
+        color: '#fff',
+        fontSize: 16,
+        lineHeight: 40
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: '#032c58'
+        }
+      },
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: '#032c58'
+        }
+      },
+      axisTick: {
+        show: false
+      }
+    },
+    series: [
+      { // 涓婂崐鎴煴瀛�
+        name: '2019',
+        type: 'bar',
+        barWidth: barWidth,
+        barGap: '-100%',
+        z: 0,
+        itemStyle: {
+          color: '#163F7A',
+          opacity: 0.7
+        },
+        data: data2
+      },
+      { // 涓嬪崐鎴煴瀛�
+        name: '2020',
+        type: 'bar',
+        barWidth: barWidth,
+        barGap: '-100%',
+        itemStyle: { // lenged鏂囨湰
+          opacity: 0.7,
+          color: function(params) {
+            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+              offset: 0,
+              color: '#12B9DB' // 0% 澶勭殑棰滆壊
+            }, {
+              offset: 1,
+              color: '#6F8EF2' // 100% 澶勭殑棰滆壊
+            }], false)
+          }
+        },
+        data: data1
+      },
+      { // 鏇夸唬鏌辩姸鍥� 榛樿涓嶆樉绀洪鑹诧紝鏄渶涓嬫柟鏌卞浘锛堥偖浠惰惀閿�锛夌殑value鍊� - 20
+        type: 'bar',
+        barWidth: barWidth,
+        barGap: '-100%',
+        stack: '骞垮憡',
+        itemStyle: {
+          color: 'transparent'
+        },
+        label: {
+          normal: {
+            show: true,
+            position: 'left',
+            fontSize: 16,
+            color: colorX,
+            zIndex: 10
+          }
+        },
+        data: data1
+      },
+      { // 涓婂崐鎴煴瀛愰《閮ㄥ渾鐗�
+        'name': '',
+        'type': 'pictorialBar',
+        'symbolSize': [barWidth, 15],
+        'symbolOffset': [0, -10],
+        'z': 12,
+        'symbolPosition': 'end',
+        itemStyle: {
+          color: '#163F7A',
+          opacity: 1
+        },
+        label: {
+          show: true,
+          position: 'top',
+          fontSize: 16,
+          color: '#fff'
+        },
+        'data': data2
+      },
+      { // 涓嬪崐鎴煴瀛愰《閮ㄥ渾鐗�
+        'name': '',
+        'type': 'pictorialBar',
+        'symbolSize': [barWidth, 15],
+        'symbolOffset': [0, -10],
+        'z': 12,
+        itemStyle: {
+          opacity: 1,
+          color: function(params) {
+            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+              offset: 0,
+              color: '#12B9DB' // 0% 澶勭殑棰滆壊
+            }, {
+              offset: 1,
+              color: '#6F8EF2' // 100% 澶勭殑棰滆壊
+            }], false)
+          }
+        },
+        // label: {
+        //   show: true,
+        //   position: 'top',
+        //   fontSize: 16,
+        //   color: '#fff'
+        // // formatter:(item)=>{
+        // //     console.log(item)
+        // //     return 'ssss'
+        // // }
+        // },
+        'symbolPosition': 'end',
+        'data': data1
+      },
+      { // 涓嬪崐鎴煴瀛愬簳閮ㄥ渾鐗�
+        'name': '',
+        'type': 'pictorialBar',
+        'symbolSize': [barWidth, 15],
+        'symbolOffset': [0, 5],
+        'z': 12,
+        itemStyle: {
+          opacity: 1,
+          color: function(params) {
+            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+              offset: 0,
+              color: '#12B9DB' // 0% 澶勭殑棰滆壊
+            }, {
+              offset: 1,
+              color: '#6F8EF2' // 100% 澶勭殑棰滆壊
+            }], false)
+          }
+        },
+        'data': [1, 1, 1, 1, 1]
+      },
+      {
+        name: '绗竴鍦�',
+        type: 'pictorialBar',
+        symbolSize: [47, 16],
+        symbolOffset: [0, 11],
+        z: 11,
+        itemStyle: {
+          normal: {
+            color: 'transparent',
+            borderColor: '#00ffff',
+            borderWidth: 2
+          }
+        },
+        data: [1, 1, 1, 1, 1]
+      },
+      {
+        name: '绗簩鍦�',
+        type: 'pictorialBar',
+        symbolSize: [62, 22],
+        symbolOffset: [0, 17],
+        z: 10,
+        itemStyle: {
+          normal: {
+            color: 'transparent',
+            borderColor: '#00ffff',
+            borderWidth: 2
+          }
+        },
+        data: [1, 1, 1, 1, 1]
+      }
+    ]
+  }
+
+  return option
+}
+
+export function all02(data) {
+  return {
+    backgroundColor: 'transparent',
+    // tooltip: {},
+    title: {
+      text: '姣忔湀璁㈠崟鏁伴噺/鍑哄簱鏁伴噺',
+      left: '50%',
+      top: '0%',
+      textAlign: 'center',
+      textStyle: {
+        // color: '#fff',
+        color: '#00ffff',
+        fontSize: '20',
+        fontWeight: 'bolder'
+      }
+    },
+    grid: {
+      left: '4%',
+      right: '4%',
+      bottom: '4%',
+      top: '15%',
+      containLabel: true
+    },
+    // legend: {
+    //   show: false,
+    //   itemGap: 50,
+    //   data: ['娉ㄥ唽鎬婚噺', '鏈�鏂版敞鍐岄噺'],
+    //   textStyle: {
+    //     color: '#f9f9f9',
+    //     borderColor: '#fff'
+    //   }
+    // },
+    xAxis: [{
+      type: 'category',
+      boundaryGap: true,
+      axisLabel: {
+        interval: 0,
+        formatter: '{value}',
+        fontSize: 16,
+        margin: 20,
+        textStyle: {
+          color: colorX
+        }
+      },
+      axisLine: {
+        lineStyle: {
+          color: '#032c58'
+        }
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: '#032c58'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      data: data.map(i => i.Month)
+    }],
+    yAxis: [
+      {
+        // max: 800,
+        boundaryGap: false,
+        splitNumber: 4,
+        type: 'value',
+        axisLabel: {
+          textStyle: {
+            fontSize: 16,
+            color: colorX
+          }
+        },
+        // name: '鍗�',
+        // nameTextStyle: {
+        //   color: colorY,
+        //   fontSize: 14,
+        //   lineHeight: 20
+        // },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#032c58'
+          }
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: '#032c58'
+          }
+        },
+        axisTick: {
+          show: true
+        }
+      }
+    ],
+    series: [
+      {
+        name: '娉ㄥ唽鎬婚噺',
+        type: 'line',
+        // smooth: true, //鏄惁骞虫粦鏇茬嚎鏄剧ず
+        // 			symbol:'circle',  // 榛樿鏄┖蹇冨渾锛堜腑闂存槸鐧借壊鐨勶級锛屾敼鎴愬疄蹇冨渾
+        showAllSymbol: true,
+        symbol: 'emptyCircle',
+        symbolSize: 6,
+        lineStyle: {
+          normal: {
+            color: '#28ffb3' // 绾挎潯棰滆壊
+          },
+          borderColor: '#f0f'
+        },
+        label: {
+          show: true,
+          position: 'top',
+          textStyle: {
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        itemStyle: {
+          normal: {
+            color: '#28ffb3'
+
+          }
+        },
+        tooltip: {
+          show: false
+        },
+        areaStyle: { // 鍖哄煙濉厖鏍峰紡
+          normal: {
+            // 绾挎�ф笎鍙橈紝鍓�4涓弬鏁板垎鍒槸x0,y0,x2,y2(鑼冨洿0~1);鐩稿綋浜庡浘褰㈠寘鍥寸洅涓殑鐧惧垎姣斻�傚鏋滄渶鍚庝竴涓弬鏁版槸鈥榯rue鈥欙紝鍒欒鍥涗釜鍊兼槸缁濆鍍忕礌浣嶇疆銆�
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+              offset: 0,
+              color: 'rgba(0,154,120,1)'
+            },
+            {
+              offset: 1,
+              color: 'rgba(0,0,0, 0)'
+            }
+            ], false),
+            shadowColor: 'rgba(53,142,215, 0.9)', // 闃村奖棰滆壊
+            shadowBlur: 20 // shadowBlur璁惧浘褰㈤槾褰辩殑妯$硦澶у皬銆傞厤鍚坰hadowColor,shadowOffsetX/Y, 璁剧疆鍥惧舰鐨勯槾褰辨晥鏋溿��
+          }
+        },
+        data: data.map(i => i.quantity)
+      },
+      {
+        name: '鏈�鏂版敞鍐岄噺',
+        type: 'line',
+        barWidth: 20,
+        tooltip: {
+          show: false
+        },
+        label: {
+          show: true,
+          position: 'top',
+          textStyle: {
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        areaStyle: { // 鍖哄煙濉厖鏍峰紡
+          normal: {
+            // 绾挎�ф笎鍙橈紝鍓�4涓弬鏁板垎鍒槸x0,y0,x2,y2(鑼冨洿0~1);鐩稿綋浜庡浘褰㈠寘鍥寸洅涓殑鐧惧垎姣斻�傚鏋滄渶鍚庝竴涓弬鏁版槸鈥榯rue鈥欙紝鍒欒鍥涗釜鍊兼槸缁濆鍍忕礌浣嶇疆銆�
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+              offset: 0,
+              color: 'rgba(0,154,120,1)'
+            },
+            {
+              offset: 1,
+              color: 'rgba(0,0,0, 0)'
+            }
+            ], false),
+            shadowColor: 'rgba(53,142,215, 0.9)', // 闃村奖棰滆壊
+            shadowBlur: 20 // shadowBlur璁惧浘褰㈤槾褰辩殑妯$硦澶у皬銆傞厤鍚坰hadowColor,shadowOffsetX/Y, 璁剧疆鍥惧舰鐨勯槾褰辨晥鏋溿��
+          }
+        },
+        // itemStyle: {
+        //   normal: {
+        //     // barBorderRadius: 5,
+        //     // color: new echarts.graphic.LinearGradient(
+        //     //     0, 0, 0, 1,
+        //     //     [{
+        //     //             offset: 0,
+        //     //             color: '#14c8d4'
+        //     //         },
+        //     //         {
+        //     //             offset: 1,
+        //     //             color: '#43eec6'
+        //     //         }
+        //     //     ]
+        //     // )
+        //     color: function(params) {
+        //       var colorList = ['#0ec1ff', '#10cdff', '#12daff', '#15ebff', '#17f8ff', '#1cfffb', '#1dfff1']
+        //       return colorList[params.dataIndex]
+        //     }
+        //   }
+        // },
+        data: data.map(i => i.ouquantity)
+      }
+    ]
+  }
+}
+
+export function cjzl03(xData, legendData, yData, show) { // 宸︿晶
+  return {
+    backgroundColor: 'transparent',
+    // tooltip: {},
+    title: {
+      show: show,
+      text: '鍚勮溅闂村綋鏈堜笉鑹秼鍔�',
+      left: '50%',
+      top: '3%',
+      textAlign: 'center',
+      textStyle: {
+        // color: '#fff',
+        color: '#00ffff',
+        fontSize: '20',
+        fontWeight: 'bolder'
+      }
+    },
+    grid: {
+      left: '2%',
+      right: '2%',
+      bottom: '20%',
+      top: '15%',
+      containLabel: true
+    },
+    legend: {
+      data: legendData,
+      textStyle: { fontSize: 16, color: '#fff' },
+      itemWidth: 25,
+      itemHeight: 10,
+      itemGap: 15,
+      bottom: '5%',
+      selectedMode: false
+    },
+    xAxis: [{
+      type: 'category',
+      boundaryGap: true,
+      axisLabel: {
+        interval: 0,
+        formatter: '{value}',
+        fontSize: 16,
+        margin: 20,
+        textStyle: {
+          color: colorX
+        }
+      },
+      axisLine: {
+        lineStyle: {
+          color: '#032c58'
+        }
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: '#032c58'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      data: xData
+    }],
+    yAxis: [
+      {
+        // max: 800,
+        boundaryGap: false,
+        splitNumber: 4,
+        type: 'value',
+        axisLabel: {
+          textStyle: {
+            fontSize: 18,
+            color: colorX
+          }
+        },
+        // name: '鍗�',
+        // nameTextStyle: {
+        //   color: colorY,
+        //   fontSize: 14,
+        //   lineHeight: 20
+        // },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#032c58'
+          }
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: '#032c58'
+          }
+        },
+        axisTick: {
+          show: true
+        }
+      }
+    ],
+    series: [
+      {
+        name: legendData[0],
+        type: 'line',
+        // smooth: true, //鏄惁骞虫粦鏇茬嚎鏄剧ず
+        // 			symbol:'circle',  // 榛樿鏄┖蹇冨渾锛堜腑闂存槸鐧借壊鐨勶級锛屾敼鎴愬疄蹇冨渾
+        showAllSymbol: true,
+        symbol: 'emptyCircle',
+        symbolSize: 6,
+        lineStyle: {
+          normal: {
+            color: '#00ffff' // 绾挎潯棰滆壊
+          },
+          borderColor: '#00ffff'
+        },
+        label: {
+          show: true,
+          position: 'top',
+          textStyle: {
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        itemStyle: {
+          normal: {
+            color: '#00ffff'
+          }
+        },
+        tooltip: {
+          show: false
+        },
+        // areaStyle: { // 鍖哄煙濉厖鏍峰紡
+        //   normal: {
+        //     // 绾挎�ф笎鍙橈紝鍓�4涓弬鏁板垎鍒槸x0,y0,x2,y2(鑼冨洿0~1);鐩稿綋浜庡浘褰㈠寘鍥寸洅涓殑鐧惧垎姣斻�傚鏋滄渶鍚庝竴涓弬鏁版槸鈥榯rue鈥欙紝鍒欒鍥涗釜鍊兼槸缁濆鍍忕礌浣嶇疆銆�
+        //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+        //       offset: 0,
+        //       color: 'rgba(0,154,120,1)'
+        //     },
+        //     {
+        //       offset: 1,
+        //       color: 'rgba(0,0,0, 0)'
+        //     }
+        //     ], false),
+        //     shadowColor: 'rgba(53,142,215, 0.9)', // 闃村奖棰滆壊
+        //     shadowBlur: 20 // shadowBlur璁惧浘褰㈤槾褰辩殑妯$硦澶у皬銆傞厤鍚坰hadowColor,shadowOffsetX/Y, 璁剧疆鍥惧舰鐨勯槾褰辨晥鏋溿��
+        //   }
+        // },
+        data: yData[0]
+      },
+      {
+        name: legendData[1],
+        type: 'line',
+        // smooth: true, //鏄惁骞虫粦鏇茬嚎鏄剧ず
+        // 			symbol:'circle',  // 榛樿鏄┖蹇冨渾锛堜腑闂存槸鐧借壊鐨勶級锛屾敼鎴愬疄蹇冨渾
+        showAllSymbol: true,
+        symbol: 'emptyCircle',
+        symbolSize: 6,
+        lineStyle: {
+          normal: {
+            color: '#ff3000' // 绾挎潯棰滆壊
+          },
+          borderColor: '#ff3000'
+        },
+        label: {
+          show: true,
+          position: 'top',
+          textStyle: {
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        itemStyle: {
+          normal: {
+            color: '#ff3000'
+          }
+        },
+        tooltip: {
+          show: false
+        },
+        // areaStyle: { // 鍖哄煙濉厖鏍峰紡
+        //   normal: {
+        //     // 绾挎�ф笎鍙橈紝鍓�4涓弬鏁板垎鍒槸x0,y0,x2,y2(鑼冨洿0~1);鐩稿綋浜庡浘褰㈠寘鍥寸洅涓殑鐧惧垎姣斻�傚鏋滄渶鍚庝竴涓弬鏁版槸鈥榯rue鈥欙紝鍒欒鍥涗釜鍊兼槸缁濆鍍忕礌浣嶇疆銆�
+        //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+        //       offset: 0,
+        //       color: 'rgba(0,154,120,1)'
+        //     },
+        //     {
+        //       offset: 1,
+        //       color: 'rgba(0,0,0, 0)'
+        //     }
+        //     ], false),
+        //     shadowColor: 'rgba(53,142,215, 0.9)', // 闃村奖棰滆壊
+        //     shadowBlur: 20 // shadowBlur璁惧浘褰㈤槾褰辩殑妯$硦澶у皬銆傞厤鍚坰hadowColor,shadowOffsetX/Y, 璁剧疆鍥惧舰鐨勯槾褰辨晥鏋溿��
+        //   }
+        // },
+        data: yData[1]
+      },
+      {
+        name: legendData[2],
+        type: 'line',
+        // smooth: true, //鏄惁骞虫粦鏇茬嚎鏄剧ず
+        // 			symbol:'circle',  // 榛樿鏄┖蹇冨渾锛堜腑闂存槸鐧借壊鐨勶級锛屾敼鎴愬疄蹇冨渾
+        showAllSymbol: true,
+        symbol: 'emptyCircle',
+        symbolSize: 6,
+        lineStyle: {
+          normal: {
+            color: '#ffe000' // 绾挎潯棰滆壊
+          },
+          borderColor: '#ffe000'
+        },
+        label: {
+          show: true,
+          position: 'top',
+          textStyle: {
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        itemStyle: {
+          normal: {
+            color: '#ffe000'
+          }
+        },
+        tooltip: {
+          show: false
+        },
+        // areaStyle: { // 鍖哄煙濉厖鏍峰紡
+        //   normal: {
+        //     // 绾挎�ф笎鍙橈紝鍓�4涓弬鏁板垎鍒槸x0,y0,x2,y2(鑼冨洿0~1);鐩稿綋浜庡浘褰㈠寘鍥寸洅涓殑鐧惧垎姣斻�傚鏋滄渶鍚庝竴涓弬鏁版槸鈥榯rue鈥欙紝鍒欒鍥涗釜鍊兼槸缁濆鍍忕礌浣嶇疆銆�
+        //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+        //       offset: 0,
+        //       color: 'rgba(0,154,120,1)'
+        //     },
+        //     {
+        //       offset: 1,
+        //       color: 'rgba(0,0,0, 0)'
+        //     }
+        //     ], false),
+        //     shadowColor: 'rgba(53,142,215, 0.9)', // 闃村奖棰滆壊
+        //     shadowBlur: 20 // shadowBlur璁惧浘褰㈤槾褰辩殑妯$硦澶у皬銆傞厤鍚坰hadowColor,shadowOffsetX/Y, 璁剧疆鍥惧舰鐨勯槾褰辨晥鏋溿��
+        //   }
+        // },
+        data: yData[2]
+      },
+      {
+        name: legendData[3],
+        type: 'line',
+        // smooth: true, //鏄惁骞虫粦鏇茬嚎鏄剧ず
+        // 			symbol:'circle',  // 榛樿鏄┖蹇冨渾锛堜腑闂存槸鐧借壊鐨勶級锛屾敼鎴愬疄蹇冨渾
+        showAllSymbol: true,
+        symbol: 'emptyCircle',
+        symbolSize: 6,
+        lineStyle: {
+          normal: {
+            color: '#ffa800' // 绾挎潯棰滆壊
+          },
+          borderColor: '#ffa800'
+        },
+        label: {
+          show: true,
+          position: 'top',
+          textStyle: {
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        itemStyle: {
+          normal: {
+            color: '#ffa800'
+          }
+        },
+        tooltip: {
+          show: false
+        },
+        // areaStyle: { // 鍖哄煙濉厖鏍峰紡
+        //   normal: {
+        //     // 绾挎�ф笎鍙橈紝鍓�4涓弬鏁板垎鍒槸x0,y0,x2,y2(鑼冨洿0~1);鐩稿綋浜庡浘褰㈠寘鍥寸洅涓殑鐧惧垎姣斻�傚鏋滄渶鍚庝竴涓弬鏁版槸鈥榯rue鈥欙紝鍒欒鍥涗釜鍊兼槸缁濆鍍忕礌浣嶇疆銆�
+        //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+        //       offset: 0,
+        //       color: 'rgba(0,154,120,1)'
+        //     },
+        //     {
+        //       offset: 1,
+        //       color: 'rgba(0,0,0, 0)'
+        //     }
+        //     ], false),
+        //     shadowColor: 'rgba(53,142,215, 0.9)', // 闃村奖棰滆壊
+        //     shadowBlur: 20 // shadowBlur璁惧浘褰㈤槾褰辩殑妯$硦澶у皬銆傞厤鍚坰hadowColor,shadowOffsetX/Y, 璁剧疆鍥惧舰鐨勯槾褰辨晥鏋溿��
+        //   }
+        // },
+        data: yData[3]
+      },
+      {
+        name: legendData[4],
+        type: 'line',
+        // smooth: true, //鏄惁骞虫粦鏇茬嚎鏄剧ず
+        // 			symbol:'circle',  // 榛樿鏄┖蹇冨渾锛堜腑闂存槸鐧借壊鐨勶級锛屾敼鎴愬疄蹇冨渾
+        showAllSymbol: true,
+        symbol: 'emptyCircle',
+        symbolSize: 6,
+        lineStyle: {
+          normal: {
+            color: '#ff5b00' // 绾挎潯棰滆壊
+          },
+          borderColor: '#ff5b00'
+        },
+        label: {
+          show: true,
+          position: 'top',
+          textStyle: {
+            fontSize: 16,
+            color: '#fff'
+          }
+        },
+        itemStyle: {
+          normal: {
+            color: '#ff5b00'
+          }
+        },
+        tooltip: {
+          show: false
+        },
+        // areaStyle: { // 鍖哄煙濉厖鏍峰紡
+        //   normal: {
+        //     // 绾挎�ф笎鍙橈紝鍓�4涓弬鏁板垎鍒槸x0,y0,x2,y2(鑼冨洿0~1);鐩稿綋浜庡浘褰㈠寘鍥寸洅涓殑鐧惧垎姣斻�傚鏋滄渶鍚庝竴涓弬鏁版槸鈥榯rue鈥欙紝鍒欒鍥涗釜鍊兼槸缁濆鍍忕礌浣嶇疆銆�
+        //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+        //       offset: 0,
+        //       color: 'rgba(0,154,120,1)'
+        //     },
+        //     {
+        //       offset: 1,
+        //       color: 'rgba(0,0,0, 0)'
+        //     }
+        //     ], false),
+        //     shadowColor: 'rgba(53,142,215, 0.9)', // 闃村奖棰滆壊
+        //     shadowBlur: 20 // shadowBlur璁惧浘褰㈤槾褰辩殑妯$硦澶у皬銆傞厤鍚坰hadowColor,shadowOffsetX/Y, 璁剧疆鍥惧舰鐨勯槾褰辨晥鏋溿��
+        //   }
+        // },
+        data: yData[4]
+      }
+    ]
+  }
+}

--
Gitblit v1.9.3