@denzil,
Adding commonjsOptions: { transformMixedEsModules: true } to the build option of Vite config should fix this issue. Please refer to this Stack Overflow thread for more information about the same.
commonjsOptions: { transformMixedEsModules: true }
__ Sachin Bisht Team CanvasJS
Kaushik Chaudhary,
Stripline label orientation is not available as of now. However it can be achieved by adding dummy scatter dataSeries with indexLabel. Please take a look at this JSFiddle for an example on the same.
You can bind click even to stripline with the help of it’s bounds. Please take a look at this JSFiddle for an example on the same.
@abraham-celiksecureco-co,
Updating the parsing logic according to your CSV data should work fine in this case. Kindly have a look at updated JSFiddle of the same.
— Sachin Bisht Team CanvasJS
To render chart with data from selected column of CSV file, you can populate the dropdown with all the columns present in the CSV file & update chart data based on selected option. Please take a look at this JSFiddle for an example of the same.
@reinhold,
We have released chart v3.8.2 with the above fix. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.
@scompliance,
The text was getting changed to ‘undefined’ due to some internal code, which we have fixed in the current release. Please refer to this blog post for more information on the current release. Also, take a look at this updated updated StackBlitz for working code.
Sachin Bisht Team CanvasJS
We are looking into your query and will get back to you at the earliest.
@yannou,
Glad that it worked fine for you :)
Updating the text to ‘Save as CSV’ after rendering the chart seems to be working in this case. Please take a look at this updated Stackblitz.
@bettovenn,
CanvasJS Chart automatically sets the width and height of the chart according to container’s dimensions. When the container’s dimension is not specified it takes up the default width & height(500px X 400px).
Also, in bootstrap, since the modal is not displayed initially, chart takes the default values. To solve this issue, you can render the chart when the shown.bs.modal event is fired.
$('#chartModal').on('shown.bs.modal', function () { chart.render(); });
Please take a look at this JSFiddle.
Thanks for reporting the use case. The error appears as you are trying to update the tooltip for the series that’s not present, as it is being removed and added after every 200ms. We will look into this case further to handle dynamic updates properly in future releases. In the meantime, you can try rendering the chart after adding the data series. Please take a look at the updated JSFiddle for an example on the same.
@codetonight,
To fit in the chart content within the container, you can re-render the chart each time the container is resized. If you are still facing issues, create a JSFiddle with your use case and share it with us so that we can look into it and assist you further.
You can restore the slices in doughnut chart to the old state by dynamically setting the exploded property of dataPoints to false as shown in the code snippet below.
for(var i = 0; i < chart.data[0].dataPoints.length; i++) chart.options.data[0].dataPoints[i].exploded = false; chart.render();
Kindly have a look at this JSFiddle for the working example on the same.
@dpanscik,
Regular HTML text can be selected, searched and interacted with, but the text drawn on canvas is like a picture. When you draw text on the canvas, you’re actually just coloring pixels to make it look like text. Hence, it’s not possible to search the text within chart using ctrl+f. Please refer to this stackoverflow thread for more information.