I'm trying to build a chart with forecasts.

[wubuqah]

Hi,

I'm trying to build a chart a chart like below. I've built normal single charts however this seems complicated for my knowledge. Please suggest where to start or if you have any examples of such.

Image - https://ibb.co/HFc5XcG



Thank you!

[dominik.c]

Hello wubuqah!

Welcome to our forum and thanks for contacting us with your question!

This is a line chart with xAxis set to datetime. Y-axis is set to be on the right side (opposite property), but let's move on to the heart of this topic.

I've got a question for you about these three colorful labels. Are they some kind of indicators or are they tooltips, that show different values? Depending on your answer we can create this chart in two ways.

Best regards!

[wubuqah]

Hi,

Thank you for your reply.

They are probably labels, as tooltips would only be displayed when hover-over. And I would like them to be displayed always.

Thanks in advance!

[dominik.c]

Hi again!

In this case, I would suggest using annotations. Here you can find basic information about it:
https://api.highcharts.com/highcharts/annotations
https://www.highcharts.com/docs/advance ... ons-module

Or you can also use SVG Renderer to render these elements. Obviously, you would also need to change its coordinates while rescaling the chart (redraw event would be helpful here)

Docs:
https://api.highcharts.com/class-refere ... VGRenderer

Demo:
https://jsfiddle.net/BlackLabel/djr07z5c/

Best regards!

[wubuqah]

Hi,

This is exactly what I needed. Thank you for the suggestion and pointing me in the right direction.

Thanks,
W

[dominik.c]

You're welcome!

In case of any further questions, feel free to contact us again.