Apexcharts: Random Internal Server Error

Hello. With this test payload

{"config":{"chart":{"height":350,"type":"heatmap"},"plotOptions":{"heatmap":{"useFillColorAsStroke":true}},"xaxis":{"labels":{"hideOverlappingLabels":true},"group":{"style":{"fontSize":"10px","fontWeight":700},"groups":[{"title":"Jan","cols":30},{"title":"Feb","cols":30},{"title":"Mar","cols":30},{"title":"Apr","cols":30}]}},"series":[{"name":"5","data":[{"x":"1","y":0},{"x":"2","y":0},{"x":"3","y":0},{"x":"4","y":0},{"x":"5","y":0},{"x":"6","y":0},{"x":"7","y":0},{"x":"8","y":0},{"x":"9","y":0},{"x":"10","y":0},{"x":"11","y":0},{"x":"12","y":0},{"x":"13","y":0},{"x":"14","y":0},{"x":"15","y":0},{"x":"16","y":0},{"x":"17","y":0},{"x":"18","y":0},{"x":"19","y":0},{"x":"20","y":0},{"x":"21","y":0},{"x":"22","y":0},{"x":"23","y":0},{"x":"24","y":0},{"x":"25","y":0},{"x":"26","y":0},{"x":"27","y":0},{"x":"28","y":0},{"x":"29","y":0},{"x":"30","y":0},{"x":"31","y":0},{"x":"32","y":0},{"x":"33","y":0},{"x":"34","y":0},{"x":"35","y":0},{"x":"36","y":0},{"x":"37","y":0},{"x":"38","y":0},{"x":"39","y":0},{"x":"40","y":0},{"x":"41","y":0},{"x":"42","y":0},{"x":"43","y":0},{"x":"44","y":0},{"x":"45","y":0},{"x":"46","y":0},{"x":"47","y":0},{"x":"48","y":0},{"x":"49","y":0},{"x":"50","y":0},{"x":"51","y":0},{"x":"52","y":0},{"x":"53","y":0},{"x":"54","y":0},{"x":"55","y":0},{"x":"56","y":0},{"x":"57","y":0},{"x":"58","y":0},{"x":"59","y":0},{"x":"60","y":0},{"x":"61","y":0},{"x":"62","y":0},{"x":"63","y":0},{"x":"64","y":0},{"x":"65","y":0},{"x":"66","y":0},{"x":"67","y":0},{"x":"68","y":0},{"x":"69","y":0},{"x":"70","y":0},{"x":"71","y":0},{"x":"72","y":0},{"x":"73","y":0},{"x":"74","y":0},{"x":"75","y":0},{"x":"76","y":0},{"x":"77","y":0},{"x":"78","y":0},{"x":"79","y":0},{"x":"80","y":0},{"x":"81","y":0},{"x":"82","y":0},{"x":"83","y":0},{"x":"84","y":0},{"x":"85","y":0},{"x":"86","y":0},{"x":"87","y":0},{"x":"88","y":0},{"x":"89","y":0},{"x":"90","y":0},{"x":"91","y":0},{"x":"92","y":0},{"x":"93","y":0},{"x":"94","y":0},{"x":"95","y":0},{"x":"96","y":0},{"x":"97","y":0},{"x":"98","y":0},{"x":"99","y":0},{"x":"100","y":0},{"x":"101","y":0},{"x":"102","y":0},{"x":"103","y":0},{"x":"104","y":0},{"x":"105","y":0},{"x":"106","y":0},{"x":"107","y":0},{"x":"108","y":0},{"x":"109","y":0},{"x":"110","y":0},{"x":"111","y":0},{"x":"112","y":0},{"x":"113","y":0},{"x":"114","y":0},{"x":"115","y":0},{"x":"116","y":0},{"x":"117","y":0},{"x":"118","y":0},{"x":"119","y":0},{"x":"120","y":0},{"x":"121","y":0},{"x":"122","y":0},{"x":"123","y":0},{"x":"124","y":0},{"x":"125","y":0},{"x":"126","y":0},{"x":"127","y":0},{"x":"128","y":0},{"x":"129","y":0},{"x":"130","y":0},{"x":"131","y":0},{"x":"132","y":0},{"x":"133","y":0},{"x":"134","y":0},{"x":"135","y":0},{"x":"136","y":0},{"x":"137","y":0},{"x":"138","y":0},{"x":"139","y":0},{"x":"140","y":0},{"x":"141","y":0},{"x":"142","y":0},{"x":"143","y":0},{"x":"144","y":0},{"x":"145","y":0},{"x":"146","y":0},{"x":"147","y":0},{"x":"148","y":0},{"x":"149","y":0},{"x":"150","y":0},{"x":"151","y":0},{"x":"152","y":0},{"x":"153","y":0},{"x":"154","y":0},{"x":"155","y":0},{"x":"156","y":0},{"x":"157","y":0},{"x":"158","y":0},{"x":"159","y":0},{"x":"160","y":0},{"x":"161","y":0},{"x":"162","y":0},{"x":"163","y":0},{"x":"164","y":0},{"x":"165","y":0},{"x":"166","y":0},{"x":"167","y":0},{"x":"168","y":0},{"x":"169","y":0},{"x":"170","y":0},{"x":"171","y":0},{"x":"172","y":0},{"x":"173","y":0},{"x":"174","y":0},{"x":"175","y":0},{"x":"176","y":0},{"x":"177","y":0},{"x":"178","y":0},{"x":"179","y":0},{"x":"180","y":0},{"x":"181","y":0},{"x":"182","y":0},{"x":"183","y":0},{"x":"184","y":0},{"x":"185","y":0},{"x":"186","y":0},{"x":"187","y":0},{"x":"188","y":0},{"x":"189","y":0},{"x":"190","y":0},{"x":"191","y":0},{"x":"192","y":0},{"x":"193","y":0},{"x":"194","y":0},{"x":"195","y":0},{"x":"196","y":0},{"x":"197","y":0},{"x":"198","y":0},{"x":"199","y":0},{"x":"200","y":0},{"x":"201","y":0},{"x":"202","y":0},{"x":"203","y":0},{"x":"204","y":0},{"x":"205","y":0},{"x":"206","y":0},{"x":"207","y":0},{"x":"208","y":0},{"x":"209","y":0},{"x":"210","y":0},{"x":"211","y":0},{"x":"212","y":0},{"x":"213","y":0},{"x":"214","y":0},{"x":"215","y":0},{"x":"216","y":0},{"x":"217","y":0},{"x":"218","y":0},{"x":"219","y":0},{"x":"220","y":0},{"x":"221","y":0},{"x":"222","y":0},{"x":"223","y":0},{"x":"224","y":0},{"x":"225","y":0},{"x":"226","y":0},{"x":"227","y":0},{"x":"228","y":0},{"x":"229","y":0},{"x":"230","y":0},{"x":"231","y":0},{"x":"232","y":0},{"x":"233","y":0},{"x":"234","y":0},{"x":"235","y":0},{"x":"236","y":0},{"x":"237","y":0},{"x":"238","y":0},{"x":"239","y":0},{"x":"240","y":0},{"x":"241","y":0},{"x":"242","y":0},{"x":"243","y":0},{"x":"244","y":0},{"x":"245","y":0},{"x":"246","y":0},{"x":"247","y":0},{"x":"248","y":0},{"x":"249","y":0},{"x":"250","y":0},{"x":"251","y":0},{"x":"252","y":0},{"x":"253","y":0},{"x":"254","y":0},{"x":"255","y":0},{"x":"256","y":0},{"x":"257","y":0},{"x":"258","y":0},{"x":"259","y":0},{"x":"260","y":0},{"x":"261","y":0},{"x":"262","y":0},{"x":"263","y":0},{"x":"264","y":0},{"x":"265","y":0},{"x":"266","y":0}]}]}}

I randomly get a 500 Internal Server Error using the POST https://quickchart.io/apex-charts/render endpoint. Any idea what may cause the problem? What are the limitations of datapoints creating a heatmap? Is it possible to hide the default labels on the x-axis and only show the group labels? Thanks in advance.

Hi @Bruno,

Thank you for your patience as we’ve looked into this. It looks like the render is exceeding the memory limit. We’ve increased the memory limit which should help alleviate the issue.

There are no hard limitations on datapoints, but there is a runtime memory limit and time limit.

The ability to hide datalabels is ultimately an Apex Charts question, and I believe you can accomplish your request by setingt the show property of the xaxis.labels object to false . Their documentation has more info on x axis settings.

Hi @ian Thanks a lot for your support.