Estoy tratando de descubrir cómo volver a representar el gráfico de burbujas empaquetadas cuando un accesorio cambia sin ningún buen resultado ... Antes de intentar hacer el "redibujar", devolver el gráfico funcionaba bien, no se actualizaba con los cambios de accesorios, pero dibujaba en menos algo.

Hasta ahora tengo el siguiente código:

 <template> <div id="thechart"></div> </template>

 export default { name: 'OrgChart', props: { chartData: { ... } }, setup (props) { //... const employeeSeries = [] const keys = Object.keys(props.chartData) keys.forEach((key, index) => { employeeSeries.push({ name: key, data: props.chartData[key] }) }) watch(() => props.chartData, (selection, prevSelection) => { redraw() }) function redraw () { chart.value.series.setData(employeeSeries, true) } onMounted(() => { var highchartsOptions = { chart: { type: 'packedbubble', height: '50%', renderTo: 'thechart' }, //..., series: employeeSeries } chart.value = new HighCharts.chart(highchartsOptions) }) return { chart } } } </script>

¿alguna idea? Gracias.