Estoy usando Vue apexcharts y cada vez que hago clic en un gráfico circular tengo esto:
options: { chart: { events: { click: (event: any, chartContext: any, config: any) => { console.log('Clicked', chartContext); console.log('Event', event); console.log('Config', config); } }, }, En la consola, config.seriesIndex y config.dataPointIndex son siempre -1 - ¿Cómo obtengo el valor de la porción del pastel en la que hice clic? ¿Índice/etiqueta/lo que sea?
Para obtener una referencia a una porción de pastel en la que se hizo clic, querrá usar la función dataPointSelection en su lugar. Esto le permite obtener config.seriesIndex y config.dataPointIndex de la forma en que lo ha intentado.
options: { chart: { events: { dataPointSelection: (event, chartContext, config) => { console.log('seriesIndex', config.seriesIndex); console.log('dataPointIndex', config.dataPointIndex); } }, }, }, La función de click se activa cuando un usuario hace clic en cualquier parte del gráfico y no está diseñada para extraer datos sobre la interacción del usuario con puntos de datos específicos.