Hi Ole,

It looks like you have passed the wrong parameter. The `opts` level is not
expected.
It should be like this,


*this.echartsIntance.resize({    animation: {*
*        duration: 500,*
*        easing: 'elasticOut' *

*    }});*

And you need to add *[autoResize]="false"* into `*hello.component.html*` to
disable the automatic resize from the `ngx-echarts` library.

On Sun, Nov 20, 2022 at 1:58 PM Ole Ersoy <ole.er...@gmail.com> wrote:

> Hi Zhongxiang,
>
> I tried adding the animation parameters like this:
>
> https://stackblitz.com/edit/angular-ivy-ms8aq3?file=src%2Fapp%2Fhello.component.ts
>
> this.echartsIntance.resize({
> opts: {
> animation: {
> duration: 500,
> easing: 'elasticOut',
> },
> },
> });
>
> However still no love.  Do you see anything else I might be missing?
> Thank you so much for your help.
>
> Cheers,
> Ole
>
>
>
> On Sat, Nov 19, 2022 at 10:48 PM Zhongxiang Wang <wan...@apache.org>
> wrote:
>
>> Hi Ole,
>>
>> The resize animation is disabled by default. To enable it, you can pass
>> the `animation` parameter to the `resize` function. [1]
>>
>> [1] https://echarts.apache.org/api.html#echartsInstance.resize
>>
>> Regards.
>>
>>
>> On Sun, Nov 20, 2022 at 1:05 AM Ole Ersoy <ole.er...@gmail.com> wrote:
>>
>>> Hi,
>>>
>>> I'm trying to animate the bars in one of the demos when the browser
>>> changes
>>> size.  I asked the question on Stackoverflow, but no love so far.  Any
>>> ideas?
>>>
>>> https://stackoverflow.com/questions/74498704/apache-echarts-bar-animation
>>>
>>> TIA,
>>> Ole
>>>
>>

Reply via email to