search

highcharts / highcharts-vue

Other
686 stars 150 forks source link

render wrong when change radar to funnel #93

Closed wjhcc2018 closed 5 years ago

wjhcc2018 commented 5 years ago

when i change he type from radar to funnel,the funnel charts render like this picture

222222222222222222222

1111111111111111111111 radar code chart: { polar: true, type: 'line' }, yAxis: { gridLineInterpolation: 'polygon', lineWidth: 0, min: 0, gridLineWidth: 1 }, xAxis: { tickmarkPlacement: 'on', lineWidth: 0, gridLineWidth: 1 }

funnel code chart: { polar: false, type: 'funnel' }, yAxis: { gridLineInterpolation: null, lineWidth: 0, min: 0, gridLineWidth: 1 }, xAxis: { tickmarkPlacement:null, lineWidth: 0, gridLineWidth: 1 }

Denyllon commented 5 years ago

Hi @wjhcc2018 ,

Thank you for contacting us. Actually, the problem stems from the fact, that both series types have the different series.clip settings, and when you're trying to update them in this way (only changing the type), then the clip value is not changing at all, so that's why funnel series does not update its clip-path parameter value.

If you would like to make it works correctly, just need to pass changed series.clip value equal true while updating, or just set it on init like it is done in the following example.

Live example: https://jsfiddle.net/BlackLabel/L2gjbopk/

By the way, that issue should be reported on https://github.com/highcharts/highcharts repository, instead of this one, so next time would be better to check whether the problem is not with a native Highcharts package.