Chart Y axe spikes

[EthraZa]

When the ordinary response time is about 20 to 100 or even 200ms, the chart is still ok, but when it spikes to 3000ms+ in the Y axe, the rest of X axe becomes just a line with small ondulations.

What can be done...
As you can see in this example, Chart.js has a logarithmic type that could "fix" that spikes on chart.

But, since the react-chartjs-2 looks like is abandoned and the docs are not working, I can't figure out how to apply this option to chart using it, if even possible.

[lyc8503]

Personally, I think such spikes do represent timeouts or access delays occurring during probing, and we don't really need to use logarithmic units here, logarithmic units may rather confuse others. (Though maybe adding a separate config item to enable logarithmic units would also be ok, I'm not really sure)

If your service latency is generally very low, you could try lowering the timeout in your configuration, which would prevent very high spikes from affecting the chart.

[EthraZa]

If I set a low timeout it would show as a fail when it could respond, don't?
It could be an option for each monitor to enable logarithmic, maybe.

[lyc8503]

Sorry, I still don't think it makes sense to use logarithmic axes for time. This seems rather misleading, so I wouldn't make it an official option. You can modify the chart in components/DetailChart.tsx in your own deployment if you want.

As for the documentation for react-chartjs-2, someone has deployed an unofficial version of it themselves, so you can check that out. reactchartjs/react-chartjs-2#1219 (comment)

For anyone else reading this, I'd still recommend lowering down the timeout, if your service does tend to respond quickly.