Cuando cambio entre dos gráficos diferentes (que tienen diferentes series y opciones) desde ApexChart usando v-if que tienen diferentes opciones de gráfico configuradas, hay algún tipo de error que hace que el gráfico modificado no se represente correctamente.
<apexchart v-if="switch1" :options="chartOptions1" :series="series1"></apexchart> <apexchart v-else :options="chartOptions2" :series="series2"></apexchart>Entonces, por ejemplo, tengo opciones de gráfico que tienen un conjunto de relleno y otro sin él. Cuando cambio entre ellos, ambos tienen relleno (el que no tenía toma las opciones de relleno del otro). Aquí está el ejemplo de este comportamiento:
¿Alguien tiene idea de cómo solucionar esto?
Entonces, gracias a la sugerencia de @pkorhone, logré encontrar una solución actual para este asunto: usar v-show en lugar de v-if y cambiar un poco la altura del otro gráfico para que de alguna manera obligue a que el gráfico se vuelva a representar:
<apexchart v-show="switch1" height="400" :options="chartOptionsBands" :series="seriesBands"></apexchart> <apexchart v-show="!switch1" height="401" :options="chartOptions" :series="series"></apexchart>