fix: 大屏样式优化

spring

2 天以前 bc5cf4a258aba4774829ce421af83f9b4aedf4cc

 src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue

@@ -104,7 +104,7 @@
  formatter: function (params) {
    let result = params[0].axisValueLabel + '<br/>'
    params.forEach((item) => {
      result += `<div style="color: #B8C8E0">${item.marker} ${item.seriesName}: ${item.value}</div>`
      result += `<div>${item.marker} ${item.seriesName}: ${item.value}</div>`
    })
    return result
  },
@@ -127,10 +127,20 @@
    inverse: false,
    data: xdataName.value,
    axisLabel: {
      formatter: (params) => `{a|${params}}`,
      formatter: (value) => {
        if (!value) return ''
        const maxLen = 6 // 每行最多字符数，可按需调整
        if (value.length <= maxLen) return `{a|${value}}`

        const lines = []
        for (let i = 0; i < value.length; i += maxLen) {
          lines.push(value.slice(i, i + maxLen))
        }
        return lines.map((line) => `{a|${line}}`).join('\n')
      },
      rich: {
        a: {
          width: 160,
          width: 120,
          fontSize: 14,
          color: '#fff',
          padding: [5, 4, 5, 0],