【update】-大屏-iso\wp29横坐标倾斜

2023-07-03 15:35:32 +08:00
parent 36a5faa956
commit 347c680253
5 changed files with 81 additions and 30 deletions
@@ -233,7 +233,8 @@ export default {
        tooltip: {
          formatter: params => {
            // 获取xAxis data中的数据
-            let dataStr = `<div style="color:#333;margin-left: 8px;font-size: 14px;margin-bottom: 10px;">${tooltipTitle}</div>`
+            let dataStr = `<div style="color:#333;margin-left: 8px;font-size: 14px;">${tooltipTitle}</div>
+            <div style="color:#333;margin-left: 8px;font-size: 14px;margin-bottom: 10px;">${params[0].name}</div>`
            params.forEach(item => {
              let color = ''
              if(typeof item.color === 'string') {
@@ -268,6 +269,19 @@ export default {
          }
        },
        xAxis: {
+          axisLabel: {
+            rotate: -10,
+            align: 'center',
+            verticalAlign : 'top',
+            margin: 12,
+            formatter: (params) => {
+              if (params.length > 8) {
+                return `${params.slice(0, 8)}...`
+              } else {
+                return params
+              }
+            }
+          },
          data: xData
        },
        series: [