the resized event of ejs-chart and ejs-accumulationchart are not fired

Hi,


We are using  ejs-chart  and ejs-accumulationchart in our project, we need to adjust annotation position base on control size, when we change control size by dragging the right-bottom corner, the resized event does not fire after we change the size, please help us and give us a sample, below is the code


<template>

  <div id="container" style='display:block;height:100%;width:100%;'>

    <ejs-chart class="barcontainer" id="occupancyEvaChart" ref="occupancyEvaChart"

          :title="charttitle" :titleStyle="barChartTitleStyle"

          :palettes="palettes" :key="chartkey"

          :legendSettings="barlegendSettings"

          :primaryXAxis="primaryXAxis"

          :resized="occupancyEvaChartResized"

          :loaded="occupancyEvaChartLoaded" >

          <e-series-collection>

          </e-series-collection>

        </ejs-chart>

  </div>

</template>


export default {

  methods: {

    occupancyEvaChartLoaded : function (args) {

    },

    occupancyEvaChartResized: function (args) {

    }

  }



Thanks,

CZ

};





1 Reply

SB Swetha Babu Syncfusion Team February 7, 2022 11:22 AM UTC

Hi CZ, 

Greetings from Syncfusion. 

We are unable to reproduce the reported scenario. We have created the simple Vue application in our latest version(v19.4.48) to check the reported scenario and the same can be downloaded from the below link. 


Please let us know if the above sample meets your requirement. If not, please modify the above application to reproduce the reported scenario. It will be helpful for us to analyze further and assist you better. 

Regards, 
Swetha

Loader.
Up arrow icon