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