Apex Chart 圓環圖如何更改工具提示背景 colors？

Question

如何更改工具提示背景 colors？ 它們與系列不同。 我也嘗試使用“fillSeriesColor”，但沒有奏效。 誰能幫我？ 我試圖將它們從 css 更改，但我找不到。

Answer 1

正如您所提到的，有兩種方法可以做到這一點。 您選擇的方法取決於您所追求的結果。

---

使用fillSeriesColor

這種方法依賴於您首先在圖表選項中單獨提供colors ，並將fillSeriesColor設置為 true。

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

值得注意的是，因為您提供的是colors ，這也會影響圖表系列的顯示方式。

---

使用 CSS

如果您只想設置工具提示的樣式而不影響用於該系列的 colors，您可以使用 CSS 設置工具提示的樣式。 要使其正常工作，您可能必須將工具提示theme設置為false 。

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

然后，您應該能夠使用.apexcharts-tooltip class 選擇器進行樣式設置。

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