Apex Chart 圆环图如何更改工具提示背景颜色？答案

【问题标题】：Apex Chart donut chart how to change tooltip background colors?Apex Chart 圆环图如何更改工具提示背景颜色？
【发布时间】：2022-08-17 02:50:07
【问题描述】：

如何更改工具提示背景颜色？它们与系列不同。我也尝试使用“fillSeriesColor”，但没有成功。谁能帮我？我试图从 css 更改它们，但我找不到。

【解决方案1】：

正如您所提到的，有两种方法可以做到这一点。您选择的方法取决于您所追求的结果。

使用fillSeriesColor

这种方法依赖于您首先在图表选项中单独提供colors，并将fillSeriesColor 设置为true。

var options = {
  colors: ['#FF0000', '#00FF00'],
  tooltip: {
    fillSeriesColor: true,
  },
};

使用 CSS

您可以使用 CSS 设置工具提示的样式，但要使其正常工作，您可能必须将工具提示 theme 设置为 false。

var options = {
  tooltip: {
    theme: false,
  },
};

然后您应该能够使用.apexcharts-tooltip 类选择器来设置样式。

.apexcharts-tooltip {
    background: lightblue;
    color: darkblue;
}

【讨论】：