0
165
VistasMantenga la selección en gráficos altos incluso en la actualización de la página
Estoy usando gráficos altos para generar/mostrar gráficos en la interfaz de usuario (HTML con página de JavaScript)
Hay varios elementos en la sección de series que uno puede seleccionar o deseleccionar para mostrar en el gráfico. Pero después de cada actualización, los elementos seleccionados por el usuario se deseleccionan y solo aparecen las selecciones predeterminadas. Y el usuario tiene que seleccionar los elementos nuevamente.
¿Alguna solución?
Uno puede relacionar la pregunta de la imagen: 
En esto, por defecto se selecciona A. Si el usuario selecciona Ball o C, el gráfico de puntos aparecerá también para Ball y C, pero tan pronto como el gráfico se actualice, el gráfico tendrá un gráfico de puntos solo con A.
1 Respuestas
Responde la pregunta0
Puede almacenar sus estados de serie visibles en el almacenamiento local. Ejemplo:
const savedStates = localStorage.getItem('seriesStates'); const seriesStates = savedStates ? JSON.parse(savedStates) : { A: true, Ball: false, C: false, D: false }; Highcharts.chart('container', { series: [{ name: 'A', data: [1, 2, 3], visible: seriesStates.A }, { name: 'Ball', data: [2, 2, 2], visible: seriesStates.Ball }, { name: 'C', data: [3, 3, 3], visible: seriesStates.C }, { name: 'D', data: [4, 4, 4], visible: seriesStates.D }], plotOptions: { series: { events: { legendItemClick: function() { seriesStates[this.name] = !this.visible; localStorage.setItem( 'seriesStates', JSON.stringify(seriesStates) ); } } } } });Demostración en vivo: http://jsfiddle.net/BlackLabel/jkuc50Lf/
Documentos: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage