datazoom not displayed correctly

[JPLucasOrange]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Sliders are not visibles when using datazoom echarts functionnality

Reduced test cases

To show the problem, we can run the project angular-boosted-starter and add this to the file "ods-charts.component.ts"
replace line 49 : tooltip: {},
by
tooltip: { trigger: 'axis', axisPointer: { label: { formatter: function (params) { let oT = new Date(params.value); return oT.toLocaleDateString("fr-FR"); }, } } }, toolbox: { feature: { dataZoom: { yAxisIndex: 'none' }, restore: {}, } }, dataZoom: [ { type: 'inside', }, { type: 'slider', } ],

On this example of echarts, we see slider below the chart to control the zoom :
apache echarts zoom

With ods-charts, we don't see the slider below the graph

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome, Firefox, Microsoft Edge

What version of ODS Charts are you using?

0.1.0-alpha.4

[jacques-lebourgeois]

Reproduced here : https://codepen.io/jacques-lebourgeois/pen/dyxjgRP

The slider came back when we remove the line
echarts.registerTheme(themeManager.name , themeManager.theme);