I have a Superset chart and would like to edit the value labels displayed in chart legend. Can I do this without editing the data? I can edit the axis name via Data / Customize, but there seems to be no option to replace the values.
Is it possible to make x-axis values clickable in nivo charts to show desired output
looking for solution
I'm updating ApexCharts using updateSeries while the chart is hidden using display: none. When the series is being updated I think it is checking the width of the element that it is wrapped in. When hidden, the width is considered 0 and therefore the width of the chart is set to 0. I want to force redraw the chart when it is visible but I found nothing in the docs.
PS: The chart restores to its original size when I resize the window.
I don't know weather it will be help you or not I have same issue using with apex chart some lables and title was missing but when you resize the window it will automatically redraw the chart because apexchart have this property by default
chart: {
redrawOnWindowResize: true
}
I have try this this put chart render method inside timeout function and it works for me
setTimeout(() => {
chart.render();
},2000)
In my case, it seems like chart rending before getting style of parent component
Try this.
window.dispatchEvent(new Event('resize'));
I am using ChartJS library to render the doughnut chart. I have custom labels to show with the event listener. I tried by using chartjs-plugin-datalabels and chartjs-plugin-labels, but no luck maybe I am not an expert in CSS.
The final doughnut is should be like:
Can anyone have any other suggestions to solve this?
I have created a simple Bar Chart in Chart.JS and all looks good. I now need to add a text box to the chart with rounded corners such as in the example below
I have tried the annotation plugin, but that only seems to add boxes and lines, not text. I don't want to overwrite defaults as I have several charts on my page, and only this one is to contain the text.
Is this possible?
Thanks