Quiero tener el mismo color para el texto de la leyenda que el color del segmento correspondiente en el gráfico circular. He visto por defecto que el punto antes del texto de la leyenda toma el color del color del corte pero no el texto de la leyenda. ¿Cómo podemos hacer lo mismo para el texto de la leyenda?
He anclado debajo del enlace de demostración del sitio de Highcharts.
https://www.highcharts.com/demo/pie-basic
También he adjuntado la captura de pantalla en la que estoy trabajando.
por ejemplo, aquí en este gráfico circular, quiero que las leyendas tengan el color de su sección circular correspondiente
Tal función no es compatible con Highcharts de forma predeterminada, pero simplemente puede agregarla, por ejemplo, utilizando el siguiente complemento:
(function(H) { H.wrap(H.Legend.prototype, 'renderItem', function(proceed, point) { proceed.apply(this, Array.prototype.slice.call(arguments, 1)); point.legendItem.css({ color: point.color }); }); // Handle hover and click event H.wrap(H.Point.prototype, 'setState', function(proceed) { proceed.apply(this, Array.prototype.slice.call(arguments, 1)); this.legendItem.css({ color: this.color }); }); }(Highcharts));Demostración en vivo: https://jsfiddle.net/BlackLabel/o4wyzbqt/
Documentos: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts