ecomfe/vue-echarts

Click event not fired in TS project

Closed this issue · 0 comments

Confirmation

  • I can confirm this problem is not reproducible with ECharts itself.

How are you introducing Vue-ECharts into your project?

ES Module imports

Versions

nothing

Details

In my Vue TS project, '@click' event handler is not fired. In the same time, 'highlight' and 'datazoom' events are fired.

const handleEvent = (...args) => {
  console.log('EVENT', ...args);
};

  <v-chart
    class="chart"
    :option="option"
    autoresize
    @click="handleEvent"
    @highlight="handleEvent"
    @datazoom="handleEvent"
    @contextmenu="handleEvent"
    @legendselectchanged="handleEvent"
  />

datazoom output:

{
    "type": "datazoom",
    "from": "viewComponent_108",
    "dataZoomId": "dataZoomX1",
    "animation": null,
    "start": 25.430212197343714,
    "end": 27.3069686018564
}

'highlight' output:

{
    "type": "highlight",
    "seriesName": "Прилёт",
    "name": null,
    "excludeSeriesId": []
}

Reproduction

https://stackblitz.com/edit/vitejs-vite-vewqje?file=src%2FApp.vue