Sign in or sign up before continuing. Don't have an account yet? Register now to get started.
Register now
Display ECharts toolbox whenever zoom and scroll is enabled on a chart
# Problem | Screenshot A | Screenshot B | |---|---| |![Google_Chrome_2019-05-31_12-47-13_2x](/uploads/5e02a2ef0bef1d8ce9757d1f276e6c1d/Google_Chrome_2019-05-31_12-47-13_2x.png)|![Screen_Shot_2019-05-31_at_12.47.20_PM](/uploads/328e5f14d34432a7e5bea883a6d6db16/Screen_Shot_2019-05-31_at_12.47.20_PM.png)| If you take a look at screenshot A, the gray area chart inside the zoom slider doesn't seem to match the data in the actual chart. This could be happening due to a number of reasons: 1. decimal places of actual data vs rendered (though unlikely to be the root cause) 1. scale of the Y axis is so big such that the variance in values isn't as obvious in the actual chart 1. Zoom chart slider doesn't show the threshold data, as a result the Y axis of the chart slider has more room to show variance of data values/ If you take a look at screenshot B, the gray area chart inside the zoom slider seems to match the data correctly. Some questions to ponder: - Is this a gitlab-ce~2278648 we should be fixing? In the very least, it seems like it may confuse users. What would a fix look like? Should we consider also adding the threshold or specifying the Y-axis for the zoom chart scroll slider? - Would adding a vertical zoom slider (available in ECharts) help alleviate this problem? Would it be too much visual noise for our charts? # Solution 1. Add toolbox and zoom and scroll as a chart story on gitlab-ui 1. Always include ECharts toolbox when zoom and scroll is enabled on a chart
issue