You are using value in labelFormatter instead of label, as you are passing date as label instead of x-value. Please find the updated code-snippet below.
labelFormatter: function(e) {
return CanvasJS.formatDate(e.label, "HH:MMTT");
}
Please take a look at this updated JSFiddle for complete code.
—
Vishwas R
Team CanvasJS
Y-axis Striplines can be used to show a horizontal line at any desired value. You can set value property to 250 in your case. Please find the code-snippet below.
axisY: {
stripLines: [{
value: 250
}]
}
—
Vishwas R
Team CanvasJS
Sigi,
Datapoints will be plotted at it’s corresponding x and y values. When you increase the width / height of the chart, the corresponding x & y pixel-coordinates of a datapoint gets updated as per the latest size of the chart, but the value of that particular datapoint remains same.
If you are referring to some other issue, kindly brief us more about the same along with an example so that we can understand it better and help you out.
—
Vishwas R
Team CanvasJS
You can use markers to show circle, square, triangle or cross in line charts. Please refer to documentation for more information along with live examples that you can try out.
If this doesn’t fit your requirements can you kindly share some example or pictorial representation of what you are looking for so that we can understand your requirement better & help you out?
—
Vishwas R
Team CanvasJS
Rendering multiple charts in a page seems to be working fine in react. Please take a look at this Stackblitz for an example.
If you are still facing issue, can you kindly create a demo reproducing the issue & share it with us so that we can understand the scenario better and help you resolve?
—
Vishwas R
Team CanvasJS
Sorry, it’s not possible to know if the version of library is licensed or unlicensed programmatically as of now. But it sounds like a good option to have, we will revisit the same for future versions.
—
Vishwas R
Team CanvasJS
Matt,
We don’t have official npm package as of now. The package that you are using is a third-party one. Kindly download the official react-component from our download page. Please refer to this documentation page for step-by-step instruction on integration.
—
Vishwas R
Team CanvasJS
CanvasJS commercial version doesn’t carry any watermark or credit link whereas trial version do. To download licensed version of CanvasJS, kindly login to My Account page with the registered mail from which you have purchased the license.
—
Vishwas R
Team CanvasJS
The auto-generated container-id seems to be working fine, container-id are not dependent on the timestamp. Kindly download react chart-component from our download page & try if it works fine. If you are still facing issue with latest version of chart-component, kindly create sample project reproducing the issue you are facing and share it with us over Google-Drive or Onedrive so that we can run it locally at our end, understand the scenario better and help you resolve.
—
Vishwas R
Team CanvasJS
Thanks for sharing the use-case. We will look into it & fix the same in the future versions.
—
Vishwas R
Team CanvasJS
Chart seems to be working fine with the chart-options that you have shared. Can you kindly create sample project reproducing the issue you are facing & share it with us over Google-Drive or Onedrive so that we can look into the complete code, run it locally to understand the scenario better and help you out?
—
Vishwas R
Team CanvasJS
Thanks for sharing the fix. But, having a use-case that reproduces the issue helps us understand the scenario better. Modifying the source-code to make it work with one use-case might cause few other issues or it might break in other use-cases. Hence I request you to share a reproducible sample or JSFiddle so that we can find the root-cause & fix it, if it’s a bug.
—
Vishwas R
Team CanvasJS
The response that you are passing to view seems to be string & not JSON. Passing JSON seems to be working fine. Please download updated sample from here.
—
Vishwas R
Team CanvasJS
Ragu Nathan,
Tooltip can be hidden for particular dataseries by setting toolTipContent to null. In case of shared tooltip, setting toolTipContent to null will hide information related to that particular dataseries from the tooltip.
—
Vishwas R
Team CanvasJS