Opacity on Proportion Chart

[Christophe Giordano]

Hello,

I tried to use the opacity property in Angular EJ2 Proportion Chart on a serie.

On load it doesn't apply the settings but on mouse Hover the setting is applied.

please could you confirm if you can reproduce this issue or if i did something wrong, I tried to set the property with a number or a string, the change is applied only on mouse hover.

Thank you

Christophe

[Dharanidharan Dharmasivam]

Hi Christophe, 

We can able to reproduce the reported issue and we have logged bug report on Opacity not applied to accumulation chart series. The fix for the reported issue will be included in patch release which is expected to be out on 11^th September, 2018. And also we will include the fix in our Essential Studio volume 3 main release 2018, which is expected to be out in the middle of September 2018. 

As of now, you can use the work around by specifying the opacity by using rgba color as depicted below. You can change this with respect to your requirement. 

[app.compoenent.ts] 

public data: Object[] = [ 

        { 'x': 'Chrome', y: 30, text: '30%', fill: 'rgba(33, 242, 197,0.7)' },  

        { 'x': 'UC Browser', y: 17, text: '17%', fill: 'rgba(64,64,65,0.7)' }, 

        //... 

 

    ]; 

[app.component.html] 

//mapped the fill color using the pointColorMappingProperty from the data source  

<ejs-accumulationchart > 

            <e-accumulation-series-collection> 

                <e-accumulation-series [dataSource]='data' pointColorMapping ='fill'> 

                </e-accumulation-series> 

            </e-accumulation-series-collection> 

        </ejs-accumulationchart> 

Screenshot: 

 

Sample for reference can be find from below link. 

https://stackblitz.com/edit/angular-hbnijf?file=src%2Fapp%2Fapp.component.html  

Thanks, 

Dharani. 

[Christophe Giordano]

ok, thank you Dharani for the confirmation and the workaround.

i will wait the fix.

thank you

Christophe

[Dharanidharan Dharmasivam]

Hi Christophe, 

 

Thanks for the update. As stated earlier fix for the issue Opacity not applied to accumulation chart series will be included in patch release which is expected to be out on 11^th September 2018. You can also check the patch releases from our website periodically. 

 

Thanks, 

Dharani.