javascriptangularechartsngx-echarts

Extending the chart line beyond its limits in ECharts when using the inside dataZoom


Please tell me how to make the chart line always extend beyond its limits to the left or right, even when it's null. my chart 1

I highlighted the desired result in red on the screenshot, but it's most convenient to look at the example I prepared. If you hold down the right mouse button on the chart and move left/right, it will become clear what the problem is.

my example

I would be very grateful for any advice. Thank you in advance!


Solution

  • This can be achieved with the filterMode property.

    dataZoom: {
        ...,
        filterMode: "none"
    }