echarts悬浮窗超出范围,X轴超出显示省略号

  用confine: true,解决

 let option = {
    legend: {
      top: "0%",
      left: "center",
      itemWidth: 20,
      itemHeight: 8,
      textStyle: {
        color: "#c0c3cd",
        fontSize: 13,
        padding: [2, 0, 0, 0],
      },
    },
    tooltip: {
      trigger: "axis",
      confine: true,
      axisPointer: {
        type: "shadow",
      },
    },

X轴超出显示省略号

//鼠标划入显示详情
 tooltip: {
          trigger: "axis",
          axisPointer: {
            type: "shadow",
          },
        },


xAxis: {
          type: "category",
          data: xData,
          name: "评判标准-项目",
          axisLabel: {
            formatter: function (value, index) {
              // 这里只是一个示例,你可能需要根据你的实际情况来调整截断逻辑
              if (value.length > 5) {
                // 假设我们只想显示前10个字符
                return value.substring(0, 5) + "...";
              }
              return value;
            },
          },
        },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值