[mridula]

ok Thangaraj.

[mridula]

Thangaraj,

Is it possible to add padding to that text so that it appears little above. Because we want to use the same font size across. So I doubt if I can increase the size

Regards,
meena

[mridula]

Hi Thangaraj,

Superb. It works now perfectly. Thanks a lot. One issue on the chart the plotted value appears on the y-axis line. Can this be adjusted and the plotted value can be made more readable? Any solution?

Regards,
Meena.

[mridula]

Looks like the file is corrupted. I am unable to extract the files from the zipped folder. It is empty. Can you please re-share again.

[mridula]

https://imgtr.ee/image/2WxEA

Look at the above screenshot. I gave the below code for the height. But the 2nd section is misaligned again. It should be aligned properly for all the sections in the page.

computed:{
chartContainerHeight() {
return (section) => section.sectionDetails.length * 22.6 + “px”;
}
},

As mentioned before, please see what exactly is the issue.

[mridula]

Hi,

Can you make the height dynamic. Based on the number of rows in the left div, the height of the chart should be calculated like the below. I am already calculating and setting the height of the chart. But sometimes, the height of the chart is equal to the section rows. But when u increase/decrease the number of rows, the height is not getting calculated properly. Can you please make this dynamic and see. The issue still exists. Don’t hard code the height. As there will be many charts in the page and the height of each chart should be calculated based upon the number of section rows.

chartContainerHeight() {
return (section) => section.sectionDetails.length * 23.1 + “px”;
}

[mridula]

Hi Thangaraj,

Please find the project here in the below link
https://drive.google.com/drive/folders/1s9wZDJovZFJAoM71i3o3JrnxPC1R1wot

Please find the misalignment issue in the below screenshot.
https://drive.google.com/file/d/1CHOi5Erpq9DO1bB1ZGBB_CMXnID4pW5p/view

The more you add the section details rows the alignment goes worst.
Can you please give me a solution for this.

[mridula]

https://drive.google.com/file/d/19UydTKdXd076vbhx1-brD96j23GNbHsu/view?usp=sharing
Hi,
please refer the above link for the image.
There are only 5 rows and each rows has a range and interval between the ranges are not the same. 10-30, 40-50,70-75. Each has a difference of 20,10,5. Also the next row doesn’t start with the previous rows range end value. For ex, 2nd row doesn’t start with 31 rather 40. So it should be highly customizable. No fixed intervals. They are non-linear

[mridula]

For the above example I should only see 4 rows on the chart.
90 and above
71-75
31-50
10-20