react-chartjs-2
react-chartjs-2 copied to clipboard
Drawing a vertical line chart
How do I implement a vertical line chart with working tooltips? please check the design

Hi @sterkhedkar 👋
Sorry for a late reply. You can create a vertical line chart by using Line
component and setting options
property indexAxis
to 'y'
.
To permanently display data labels I suggest using chartjs-plugin-datalabels. Although it might be tricky to display them in a single column like on the suggested design. Here's a code sandbox to try out different styling options.
Hope that helps!