Ant Design Charts更改tooltip样式的方法


tooltip是一个DOM,并不是在config中配置的。。。。。。

:global(.g2-tooltip) {
  background: #717bb8 !important;
  box-shadow: #fff 0px 0px 0px !important;
  opacity: 1 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
:global {
  .g2-tooltip-title {
    color: #b0bed6 !important;
  }
  .g2-tooltip-list {
    li {
      text-align: left;
    }
    .g2-tooltip-name,
    .g2-tooltip-value {
      color: #b0bed6 !important;
    }
  }
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM