Início / coding / Perguntas / 77557374
Accepted
spring_hiber
Asked: 2023-11-27 21:42:18 +0800 CST

Como usar eventos no Apex Charts vue

  • 772

Sou novo em gráficos apex e estou tentando descobrir como usar eventos (dataPointSelection) corretamente para exibir dados do gráfico no alerta. Estou usando o @click para chamar o método que dispara o alerta mas gostaria de exibir os dados da série no alerta. Devo usar eventos assim?

events:{ dataPointSelection:(event, chartContext, config)=>{} }

Aqui está um código

https://codepen.io/tone373/pen/poGZeVa?editors=1111

javascript

1 respostas

  1. Best Answer

    Use a sintaxe padrão de manipulação de eventos do Vue da <template>mesma forma que você está fazendo. Os parâmetros mostrados na documentação são emitidos para os manipuladores de eventos do template, basta adicioná-los à definição da sua função.

    <vue-apex-charts
  :type="chart.type"
  :height="chart.height"
  :options="chartOptions"
  :series="series"
  @click="selectBar"
/>

    selectBar(event, chartContext, config) {
  alert(`clicked ${this.series[0].data[config.dataPointIndex]}`);
}

    codepen atualizado

    • 1

relate perguntas