Apex chart legends are not available in QuickChart export

1

When exporting Apex charts by making use of QuickChart, legends are not included.

Please see the url and let me know if Iam missing any parameters

https://quickchart.io/apex-charts/render?config=%7B%22series%22%3A%5B%7B%22name%22%3A%22Patch%22%2C%22data%22%3A%5B%7B%22x%22%3A%22CL1%22%2C%22y%22%3A%5B0%2C150%5D%2C%22fillColor%22%3A%22%23008FFB%22%2C%22rangeName%22%3A%22sazht3ry%22%7D%2C%7B%22x%22%3A%22CL2%22%2C%22y%22%3A%5B170%2C300%5D%2C%22fillColor%22%3A%22%23008FFB%22%2C%22rangeName%22%3A%220cvm0fl4%22%7D%2C%7B%22x%22%3A%22CL2%22%2C%22y%22%3A%5B540%2C1000%5D%2C%22fillColor%22%3A%22%23008FFB%22%2C%22rangeName%22%3A%22q9tdx9zp%22%7D%5D%7D%2C%7B%22name%22%3A%22Do%20Nothing%22%2C%22data%22%3A%5B%7B%22x%22%3A%22CL2%22%2C%22y%22%3A%5B0%2C170%5D%2C%22fillColor%22%3A%22%2300E396%22%2C%22rangeName%22%3A%22vtbktii8%22%7D%2C%7B%22x%22%3A%22CL1%22%2C%22y%22%3A%5B150%2C300%5D%2C%22fillColor%22%3A%22%2300E396%22%2C%22rangeName%22%3A%228yaedflx%22%7D%2C%7B%22x%22%3A%22CL1%22%2C%22y%22%3A%5B650%2C900%5D%2C%22fillColor%22%3A%22%2300E396%22%2C%22rangeName%22%3A%22yup093ov%22%7D%5D%7D%2C%7B%22name%22%3A%22Inlay%22%2C%22data%22%3A%5B%7B%22x%22%3A%22CL2%22%2C%22y%22%3A%5B300%2C540%5D%2C%22fillColor%22%3A%22%23F44336%22%2C%22rangeName%22%3A%22s9sarmw5h%22%7D%2C%7B%22x%22%3A%22CL1%22%2C%22y%22%3A%5B300%2C650%5D%2C%22fillColor%22%3A%22%23F44336%22%2C%22rangeName%22%3A%22ucbuyupp%22%7D%2C%7B%22x%22%3A%22CL1%22%2C%22y%22%3A%5B900%2C1000%5D%2C%22fillColor%22%3A%22%23F44336%22%2C%22rangeName%22%3A%22gzagfnahh%22%7D%5D%7D%5D%2C%22title%22%3A%7B%22show%22%3Atrue%2C%22text%22%3A%22Scheme%20Component%20Treatment%20Diagram%20for%20CL1L%22%2C%22align%22%3A%22center%22%2C%22style%22%3A%7B%22fontSize%22%3A%2215px%22%2C%22fontWeight%22%3A%22bold%22%2C%22color%22%3A%22%23263238%22%7D%7D%2C%22legend%22%3A%7B%22position%22%3A%22bottom%22%2C%22horizontalAlign%22%3A%22left%22%7D%2C%22yaxis%22%3A%7B%22show%22%3Atrue%7D%2C%22grid%22%3A%7B%22show%22%3Afalse%7D%2C%22xaxis%22%3A%7B%22type%22%3A%22numeric%22%2C%22min%22%3A0%2C%22title%22%3A%7B%22text%22%3A%22Chainage%20(m)%22%7D%2C%22convertedCatToNumeric%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22bar%22%3A%7B%22horizontal%22%3Atrue%2C%22distributed%22%3Atrue%2C%22rangeBarGroupRows%22%3Atrue%2C%22barHeight%22%3A%22100%25%22%2C%22columnWidth%22%3A%22100%25%22%7D%7D%2C%22chart%22%3A%7B%22height%22%3A200%2C%22type%22%3A%22rangeBar%22%2C%22toolbar%22%3A%7B%22show%22%3Atrue%7D%7D%7D

image
image1199Ă—303 6.32 KB

2 Likes
2

Hi Jackson, I also have the same problem.

For a few days, the legend hasn’t come out anymore, while it was correctly present before.

Were you able to find the cause of the problem?

Thanks

3

Yes. It worked when Apex Chart version was specified in POST/GET request. The latest version of 3.37 seems to not render the legends. I could get this working with all versions below that
POST https://quickchart.io/apex-charts/render
Body: {“config”:{…},“apexChartsVersion”:3.36}

2 Likes
4

Thanks for figuring this out, @jacksonalappatt. It seems like 3.37 doesn’t render the legend by default, but setting apexChartsVersion to 3.36 solves this problem. I recommend setting the library version in production.

I’ll update the documentation to make the versioning clearer.

1 Like