¿Cómo puedo cambiar el color del texto de una información sobre herramientas/etiqueta de ApexCharts? El problema es que el color de la fuente es demasiado oscuro:
Lo intenté por mi vida leyendo los documentos de ApexCharts para encontrar una solución, pero todo lo que pude encontrar fue:
chart: { foreColor: '#ffffff' }Lo probé en mi gráfico, pero no tuvo ningún efecto.
Aquí están los ajustes completos para mi gráfico:
var colors = [ "#008ffb", "#ffc300", "#0acf97", "#fa5c7c", "#e3eaef" ]; var options = { chart: { foreColor: '#ffffff', height: 412, type: "pie", toolbar: { show: true } }, series: [ 9890571, 5276166, 4810254, 3823869, 3463197 ], labels: [ "CHINO DEVELOPMENT COMPANY", "SC DEVELOPMENT COMPANY, LLC", "RICHLAND, INC.", "SL DEVELOPMENT COMPANY, LLC", "BROOKCAL, LLC" ], colors: colors, legend: { show: !0, position: "bottom", horizontalAlign: "center", verticalAlign: "middle", floating: !1, fontSize: "14px", offsetX: 0, offsetY: 7 }, responsive: [{ breakpoint: 600, options: { chart: { height: 240 }, legend: { show: !1 } } }] }, chart = new ApexCharts(document.querySelector("#simple-pie"), options); chart.render();El siguiente CSS funcionó para mí:
.apexcharts-tooltip span { color: #ffffff; }Alguien antes había sugerido una respuesta similar pero había omitido el selector de intervalo. Sin span, no me funciona.