Skip to content

BoxPlot update causes chart to go blank #78

Open
@MetRonnie

Description

When I update the series the chart goes blank.

Repro: https://play.vuejs.org/#...

<script setup>
import { ref } from 'vue'
import VueApexCharts from 'vue3-apexcharts'

const series = ref([{
  data: [
    { x: 'meow', y: [1,2,3,4,5] },
    { x: 'badger', y: [4,5,7,8,11] },
  ]
}])

const options = {
  plotOptions: {
    bar: { horizontal: true }
  }
}

const updateSeries = () => {
  series.value = [{
    data: [
      { x: 'meow', y: [1,4,4,5,6] },
      { x: 'badger', y: [4,5,6,7,10] },
    ]
  }]
}
</script>

<template>
  <VueApexCharts :series="series" type="boxPlot" :options="options" />
  <button @click="updateSeries">Update</button>
</template>

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions