CODEWITHSUNDEEP
javascripthighcharts
auley_code
auley_code

Reputation: 67

Is it possible to make a table with y axis labels of Highcharts bar chart?

I'm trying to create something similar to the below but using Highcharts bar chart.

enter image description here

I can't seem to find any implementation like this that utilises highcarts, but was wondering if anyone has come across this or a workaround to create a table joined to the chart?

My data would differ and therefore the number of rows output could be between 1 and 20.

Example of the basic bar provided by Highcharts

Upvotes: 0

Views: 250

Answers (2)

kcode
kcode

Reputation: 402

I found an even better solution:

<progress min="10" value="22" max="100">

check it out: https://www.w3schools.com/tags/tag_progress.asp

Upvotes: 0

kcode
kcode

Reputation: 402

The most simple solution I can think of is positioning two divs inside the table like this:

<div style="width:100%;height:20px;><div style="width:48%;height:20px;background:blue;"></div></div>

and then you can alter the width style attribute of the second div.

Upvotes: 1

Related Questions