React Bar chart with dynamic bar width - reactjs

Any suggestion to create a bar chart like this? Maybe with D3 OR ChartJS or devextreme, but any of their examples includes this configuration

Related

Hide labels from bar chart : Plotly | React

I am trying to hide this label present on top of the bar chart, I tried looking plotly documentation but couldn't find anything useful out there
It was not there until I wasn't using text (hovertext) as a parameter

How to custom style data label in Recharts?

I am using React + Recharts to create a stacked bar chart, is it possible to make data label look like the below image?
here is the complete demo
any help pleas?
You can just add another rect, working sample: https://codesandbox.io/s/rechartsstackedverticalbarchart-test-forked-433bb?file=/src/App.js:554-631

Get percentage of line bar chartjs

React ChartJS.
How can I make a chart like this? I have normal type Line bar but I want to get the percentage too.
Thanks.

How to display label on side of doughnut in chart js

I am trying to get labels on side of my doughnut chart. I am using chart Js, any help would be great.
On the link bellow: is an example of how i want the chart to look like
https://i.stack.imgur.com/HRDvo.png
According to the chart.js documentation that is not possible.
But take a look at chartjs-plugin-piechart-outlabels plugin. Which can be used to display labels on side of doughnut.

Extjs 5.0.0 bar chart series label issue

I am not able to display bar chart series label horizontally outside the bars.
Used display:'outside' and orientation:'horizontal' for bar chart label configuration, still no results.
Is it a bug in 5.0.0 or is there any other way to display label horizontally ?

Resources