Estoy desarrollando un gráfico de serie de eficiencias (en porcentaje) a lo largo del tiempo.
Tengo requisitos específicos para la leyenda:
Todo esto funciona en un violín, https://jsfiddle.net/slaws/0wjpcaqt/138/ , que usa styledMode y una leyenda personalizada y establece dinámicamente la opacidad del gráfico y los elementos de la leyenda personalizada:
$('.highcharts-legend-item.highcharts-series-' + value).css('opacity', new_opacity); $('.highcharts-series.highcharts-series-' + value).css('opacity', new_opacity); $('.highcharts-markers.highcharts-series-' + value).css('opacity', new_opacity);Sin embargo, estoy luchando con un requisito clave más, que es exportar el estado actual del gráfico a una imagen o PDF, con todas las series exportadas con su estado actual 'activo' o 'inactivo'. Por lo tanto, si una serie está difuminada, debe exportarse como difuminada a la imagen o PDF.
Aquí hay capturas de pantalla para ilustrar:
¿Alguna sugerencia sobre cómo exportar el gráfico con su estilo actualmente vigente?
PD La leyenda en el violín puede comenzar desalineada, pero volver a ejecutarla corrige eso.
No debe usar el CSS para lograrlo, pero haga una actualización en serie para mantener esos cambios en la configuración del gráfico.
events: { checkboxClick() { this.update({ opacity: 0.5 }) } },Eche un vistazo a este enfoque: https://jsfiddle.net/BlackLabel/b4n0z5k8/
API: https://api.highcharts.com/class-reference/Highcharts.Series#update