仟传问题汇总https://www.jianshu.com/p/8f6b666cc898/ https://www.j

1 www.jianshu.com/p/8f6b666cc…
2 y双轴左右网格线显示问题，因为在子组建修改option里面的选项，因为option作为props属性，整体并未发生变化，所以要获取dom元素重新渲染
3 解决y轴双轴刻度一致问题：
- yAxis有个属性max（该属性可以是函数，但必须返回一个值），如果分割成6份，则该最大值必须是6的倍数即可。
4 table cloumn 标题自定义类名
- 在render方法里直接加类名不生效

return <div className={styles.total}>{text}</div>，不生效

解决方法
- www.cnblogs.com/bgd15080932…
5 Echart 悬浮消失
- 当在echart给series中的每一项数据自定义显示颜色时，如果颜色是以rgba的形式，则rgba(param1,param2,param3,param4),当param4是1，完全不透明时，该项不能省，不写就会出现悬浮消失问题

const color1 = {
  "DY FS": "rgba(56, 125, 255, 1)",
  其他: "rgba(50, 50, 50, 1)",
  "DY FS W%": "rgba(254, 138, 100, 1)",
  "DY FS Evol%": "rgba(254, 138, 100, 1)",
};
const series1 = [
    {
      name: "DY FS",
      type: "bar",
      stack: "total",
      data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6],
      yAxisIndex: 0,
      itemStyle: {
        color: color1["DY FS"],
      },
    },
    {
      name: "其他",
      type: "bar",
      stack: "total",
      data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6],
      yAxisIndex: 0,
      itemStyle: {
        color: color1["其他"],
      },
    },
    {
      name: `DY FS ${radioValue == "w" ? "W%" : "Evol%"}`,
      type: "line",
      yAxisIndex: 1,
      data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3],
      itemStyle: {
        color: color1[`DY FS ${radioValue == "w" ? "W%" : "Evol%"}`],
      },
    },
  ];

7 value = 0 value == '' value === ''

// 本来是为了避免 值为空格或者'-'的情况 统一返回'-'，而值为0的情况返回0，用下面方法判断时，值为0的情况 也返回了'-'  警告： === 的重要性
if(value ==0) {
   console.log(value == "" || value == "-"); // true
}

8 日期组件禁止日期disableDate 日期组件返回的值： HH:mm:SS 是当前的时分秒而moment格式化的： HH:mm:SS 是00:00:00 所以log的第二个参数应该取当天的具体到时分秒的截止时间（结束时间），不然会取不到2022-11-30号

const disableDate = (current) => {
    
    console.log(
      current.format("YYYY-DD-MM HH:mm:SS"),
      moment("2022-11-30").format("YYYY-DD-MM HH:mm:SS")
    );
    return (
      current &&
      (current > moment(rangeDate.max_date).endOf('day') ||
        current < moment(rangeDate.mini_date))
    );
  };

仟传 问题汇总

仟传问题汇总