Samyukta,
You can see 2018 and 2020 in axisX due to the auto-calculated minimum and maximum. You can customize it to show only 2019 data by setting minimum and maximum properties as shown in this updated JSFiddle.
—
Vishwas R
Team CanvasJS
Samyukta,
The issue seems to be in parsing the JSON. Parsing JSON properly should work fine in your case. Please take a look at this updated JSFiddle.
—
Vishwas R
Team CanvasJS
rangeChanging seems to be working fine, please take a look at this JSFiddle. Also refer documentation on rangeChaging for more information and live example.
If you are still facing issue, kindly create a JSFiddle reproducing the issue and share it with us so that we can run it locally at our end to understand the scenario better and help you out.
—
Vishwas R
Team CanvasJS
Samyukta,
The issue seems to be with the approach of looping through ‘Values’ object. Please take a look at this stackoverflow thread for more information on looping through the properties of a JavaScript object.
If this doesn’t help you fulfill your requirements, kindly brief us more about your requirements so that we can understand it better and help you achieve the same.
—
Vishwas R
Team CanvasJS
Samyukta,
In the JSFiddle that you have shared, the issue seems to be with the approach of looping through ‘Values’ object. Iterating through Values object properly seems to be working fine.
for (var key in Values) {
if (Values.hasOwnProperty(key)) {
console.log(key + " -> " + Values[key]);
}
}
Please refer to this stackoverflow thread for more information on iterating through the properties of a JavaScript object.
If you are still facing issue, kindly brief us more about it so that we can understand it better and help you resolve.
—
Vishwas R
Team CanvasJS
Please take a look at this documentation page for tutorial and live example on Multiple Y axes.
—
Vishwas R
Team CanvasJS
Chart elements may look blur when either zoom within display setting of browser or windows is changed. Resetting zoom to 100% should work fine in this case. Also the look & feel of title, label and other text elements depends on font-family being used. You can try customizing the font-family of text by setting the fontFamily property.
If the issue still persists, kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can look into your code, understand the scenario better and help you out.
—
Vishwas R
Team CanvasJS
The issue seems to be with x-value that you are passing, please refer this stackoverflow thread for more info. Can you try passing time-stamp instead of date and see if it works?
If the issue still persists. kindly share sample project along with sample data over Google-Drive or Onedrive so that we can run it locally at our end to debug and help you resolve the issue.
—
Vishwas R
Team CanvasJS
You can customize the color of dataPoint by setting color property. Please take a look at this JSFiddle for an example showing changing the color of line based on the dataPoint value.
—
Vishwas R
Team CanvasJS
Christian,
You can check if the triggered event is zoom/pan or reset by checking e.trigger within rangeChanged handler. Please take a look at this JSFiddle.
—
Vishwas R
Team CanvasJS
Thanks for your suggestion, we will reconsider this behavior for future releases.
—
Vishwas R
Team CanvasJS
You can show last few set of dataPoints with the help of shift method. Please take a look at this documentation page for step to step tutorial on creating Dynamic Charts.
I would suggest you to store CSV in date-time,value
format. Please take a look at this updated JSFiddle for an example with Jun 10 2019 00:00:03 EST,422
format.
—
Vishwas R
Team CanvasJS
In v2.3GA, we have improved resource handling in case of dynamic / live charts which reduces memory consumption. However we are not sure about your use-case and unable to reproduce the issue you are mentioning with v2.2 aswell. If you could share us the use-case over JSFiddle or in a static HTML file, we can investigate further, brief more about the exact issue (and fix if any).
—
Vishwas R
Team CanvasJS