名称过长bug

src/views/hzyb/chart/Detail.vue

@@ -197,12 +197,8 @@ onBeforeRouteUpdate((nval)=>{
     dateType.value=null
     startDate.value=''
     endDate.value=''
-    setTimeout(() => {
-        window.location.reload()
-    }, 50);
-    
-    // router.go(0)
-    // getChartInfo('init')
+
+    getChartInfo('init')
 })
 
 // 上下线设置
@@ -275,6 +271,18 @@ const setSplineOpt=(data)=>{
             : item.IsAxis && !item.IsOrder && !item.EdbInfoType
             ? `(领先${item.LeadValue}${item.LeadUnit})`
             : '';
+        let temName=dynamic_arr.length > 1
+                    ? `${item.EdbName}(${item.SourceName})${dynamic_tag}`
+                    : `${item.EdbName}${dynamic_tag}`
+                    console.log(temName.length/20);
+        if(temName.length>20){
+            let temArr=[]
+            for(let i=0;i<temName.length/20;i++){
+                temArr.push(temName.slice(i*20,i*20+20))
+            }
+            // console.log(temArr);
+            temName=temArr.join('<br>')
+        }
         let seriesItemObj={
             data:[],
             dataGrouping:{
@@ -282,9 +290,10 @@ const setSplineOpt=(data)=>{
             },
             type:item.ChartStyle,
             yAxis:index,
-            name:dynamic_arr.length > 1
-              ? `${item.EdbName}(${item.SourceName})${dynamic_tag}`
-              : `${item.EdbName}${dynamic_tag}`,//拼接标题 判断相同指标名称拼接来源
+            // name:dynamic_arr.length > 1
+            //   ? `${item.EdbName}(${item.SourceName})${dynamic_tag}`
+            //   : `${item.EdbName}${dynamic_tag}`,//拼接标题 判断相同指标名称拼接来源
+            name:temName,
             color: item.ChartColor,
             lineWidth: Number(item.ChartWidth),
             visible:true,
@@ -401,6 +410,7 @@ const setSplineOpt=(data)=>{
         }
     })
     chartData.value.yAxis=yAxis
+    chartData.value.rangeSelector={ enabled: false}
 
 }
 

src/views/hzyb/chart/component/chartBox.vue

@@ -41,6 +41,12 @@ const chartDefaultOpts={
 			year: '%Y/%m',
 		},
 		xDateFormat:'%Y/%m/%d',
+		className:'chart-tooltips-box'
+		// formatter:function(e){
+		// 	return `<p>${this.x}</p><p>aaa</p>`
+		// 	// return e
+		// }
+		// outside: true,
 		// valueDecimals: 4,
 	},
 	//图例
@@ -117,7 +123,7 @@ watch(
                 @click="clickChartTopLabel(index)"
             >
                 <span class="color" :style="{background:item.visible?item.color:'#ccc'}"></span>
-                <span :style="{color:item.visible?'':'#ccc'}">{{item.name}}</span>
+                <span :style="{color:item.visible?'':'#ccc'}">{{item.name.length>20?item.name.replace(/<br>/g,''):item.name}}</span>
             </div>
         </div>
 		<div class="chart-content">
@@ -129,6 +135,14 @@ watch(
 </template>
 
 <style lang="scss" scoped>
+// :deep(.chart-tooltips-box){
+// 	white-space: normal !important;
+// 	box-sizing: border-box;
+// 	text{
+// 		white-space: normal !important;
+// 		width: 80vw !important;
+// 	}
+// }
 .chart-wrap{
     margin-top: 43px;
     width: 100%;