Search code examples
componentsecharts

Remove top graph from Apache eCharts DataZoom


We're looking for a component to show a slider with indications of data within it that we want to use as a filter for data we're showing. The data will be shown as a grid. We've looked at the Apache eCharts DataZoom (https://echarts.apache.org/examples/en/index.html#chart-type-dataZoom) and find the bottom slider to be perfect for the job, but we do not need the top graph. Is there a way to get the DataZoom to do this, or is the slider a component that we can use directly? Can't seem to find anything about either options in the documentation.

enter image description here


Solution

  • I dont think there is a way to use the dataZoom component without the graph. You could just make the graph invisable if that is an option for you: Example