Data Visualization with Chart JS

[Frost-Codes]

I'm trying to visualize some dynamic data sent from a django backend in a HTML template using Chart JS as my visualization software.....I have the template set up and I'm able to access the data inside it... Here is the expected sample output

The part in blue is the previous price and the part in green and red are predictions of future price (Green: Bull case scenario, Red: Bear case...Any idea on how to achive that

[Frost-Codes]

@Udemology @stockiNail any idea?

[stockiNail]

@Frost-Codes sorry for my late reply but I am very busy on another project. Anyway as @Udemology said, you probably need a custom plugin. I would say "probably", because (but I need to investigate a bit) you could (thinking loud):

1. the forecasts could be a dataset to add to the chart with only 2 points (end of the trend and the forecast) with different colors
2. use datalabels plugin to have the label of the forecasts on the right (they are clickable).

[Frost-Codes]

Cool, how can I add the forecast part, I've managed to plot a graph of previous price

[stockiNail]

[stockiNail]

https://codepen.io/stockinail/pen/zYbMYeW

This is just a prototype, a starting point. It can be improved, going to your need. Hopefully it can help

[stockiNail]

Forgot, I didn't use a custom plugin, only what I mentioned above ;)

[Frost-Codes]

Wonderful, This will be a great starting point, Thank You @stockiNail

[Udemology]

That is much better than what I was thinking with a custom plugin. Nicely done @stockiNail!

I did had a structure for projection lines, but personally I would go for the upper solution unless you want to do some customization: https://www.youtube.com/watch?v=neQM-xFnk3I&ab_channel=ChartJS