柱线图数据月/季/年切换，容量趋势图从零刻度开始

@@ -152,7 +152,6 @@ export default {
       let xAxisList = [];
       let xAxisList = [];
       let series = [];
       let series = [];
       let kpiUnit='';
       let kpiUnit='';
-      console.log("*****",data)
       if(data && data[0] ){
       if(data && data[0] ){
         if(data[0].data){
         if(data[0].data){
           if(data[0].data.names && data[0].data.names.length>0){
           if(data[0].data.names && data[0].data.names.length>0){

@@ -96,7 +96,7 @@
                 optionsPosition: {},
                 optionsPosition: {},
                 optionsData: {},
                 optionsData: {},
                 informationData: [{name:'',code:''}],
                 informationData: [{name:'',code:''}],
-                informationDataAll: [],
+                informationDataAll: [{display:1}],
                 dataLength:0,
                 dataLength:0,
                 tableDate: [],
                 tableDate: [],
                 pressingVisible: false,
                 pressingVisible: false,

@@ -16,6 +16,7 @@ export default {
   },
   },
   data() {
   data() {
     return {
     return {
+      kpiUnit:'',
       options: {
       options: {
         color: [],
         color: [],
         grid: {},
         grid: {},
@@ -27,7 +28,7 @@ export default {
         },
         },
         tooltip: {
         tooltip: {
           trigger: "axis",
           trigger: "axis",
-          formatter: "{a} <br/>{b} : {c}%"
+          formatter: "{a} <br/>{b} : {c} '%'"
         },
         },
         legend: {
         legend: {
           textStyle: {
           textStyle: {
@@ -140,7 +141,7 @@ export default {
           let optionsData=this.optionsData;
           let optionsData=this.optionsData;
           if(this.optionsData.dataType=="dynamicData"){
           if(this.optionsData.dataType=="dynamicData"){
             //改变参数值-月季度年，重新加载动态数据--待测
             //改变参数值-月季度年，重新加载动态数据--待测
-            this.optionsData.dynamicData.contextData.btnCode=val;
+            this.optionsData.dynamicData.contextData.time=val;
             this.editorOptions();
             this.editorOptions();
           }
           }
         }
         }
@@ -224,7 +225,8 @@ export default {
           lineStyle: {
           lineStyle: {
             color: optionsSetup.splitLineColorX
             color: optionsSetup.splitLineColorX
           }
           }
-        }
+        },
+        boundaryGap:['1','2']//坐标轴两边留白，为false则从0开始
       };
       };
       this.options.xAxis = xAxis;
       this.options.xAxis = xAxis;
     },
     },
@@ -348,12 +350,43 @@ export default {
     // tooltip 设置
     // tooltip 设置
     setOptionsTooltip() {
     setOptionsTooltip() {
       const optionsSetup = this.optionsSetup;
       const optionsSetup = this.optionsSetup;
+      let that=this;
       const tooltip = {
       const tooltip = {
         trigger: "axis",
         trigger: "axis",
         show: true,
         show: true,
         textStyle: {
         textStyle: {
           color: optionsSetup.lineColor,
           color: optionsSetup.lineColor,
           fontSize: optionsSetup.tipFontSize
           fontSize: optionsSetup.tipFontSize
+        },
+        formatter:function (param) {
+          let kpiName=optionsSetup.titleText;
+          // 鼠标悬浮线上提示
+          // 顶部提示
+          let tips = '<table>';
+          if (param.length == 1) {
+            tips += "<tr><td style='text-align:left;'  colspan='4'>" + param[0].name + "</td></tr>";
+          } else {
+            tips += "<tr><td style='text-align:left;'  colspan='4'>" +  kpiName + " " + param[0].name + "</td></tr>";
+          }
+          // 每一条提示
+          $.each(param, function (i, v) {
+            let kpiUnit='';
+            tips += "<tr><td>" + v.marker + "</td>";
+            tips += '<td style="text-align: left;">';
+            if (v.seriesName.indexOf('率') != -1) {
+              kpiUnit='%';
+            }else{
+              kpiUnit=that.kpiUnit
+            }
+            tips += (v.seriesName + ' ');
+
+            // tips += (v.seriesName && v.seriesName != '1' && !/series[0-9]+/.test(v.seriesName)) ? v.seriesName : '';
+            tips += '</td>'
+            tips += "<td>:&nbsp;</td><td>" + v.value;
+            tips += kpiUnit + "</td></tr>";
+          });
+          tips += '</table>'
+          return tips;
         }
         }
       };
       };
       this.options.tooltip = tooltip;
       this.options.tooltip = tooltip;
@@ -474,11 +507,19 @@ export default {
       const series =  val.series;
       const series =  val.series;
       if(series && series.length>0){
       if(series && series.length>0){
         series.map((item,index)=>{
         series.map((item,index)=>{
-          if(index%2==0){
+          console.log("series",item)
+          if(item.name.indexOf('率')!=-1){
             item.yAxisIndex= 1;
             item.yAxisIndex= 1;
+
           }else{
           }else{
             item.yAxisIndex=0;
             item.yAxisIndex=0;
+
           }
           }
+          // if(index%2==0){
+          //    item.yAxisIndex= 1;
+          //  }else{
+          //   item.yAxisIndex=0;
+          // }
           if(item.type=='bar'){
           if(item.type=='bar'){
             item.itemStyle= {
             item.itemStyle= {
               barBorderRadius: null
               barBorderRadius: null

@@ -185,14 +185,15 @@ export default {
             color: optionsSetup.splitLineColorX
             color: optionsSetup.splitLineColorX
           }
           }
         },
         },
-        boundaryGap: ['10%', '10%'],
+        // boundaryGap: ['10%', '10%'],
+        boundaryGap:false,
         splitArea: {
         splitArea: {
           show: optionsSetup.splitArea,
           show: optionsSetup.splitArea,
           areaStyle: {
           areaStyle: {
             color: [optionsSetup.splitAreaColor, 'transparent'
             color: [optionsSetup.splitAreaColor, 'transparent'
             ]
             ]
           }
           }
-        }
+        },
       };
       };
       this.options.xAxis = xAxis;
       this.options.xAxis = xAxis;
     },
     },