@saul_romero,
You are getting a static chart because the JSON provided is static. For making the chart dynamic please have a look at this tutorial on creating live Updating Charts from JSON.
—
Suyash Singh Team CanvasJS
The legendText was showing NaN because the JSON you were using didn’t had valuey in the last object. {"valuex":"2017-02-20 17:44:36"} Also the legendText had a redundant 0 in front of it, because value (a number) was concatenated to a string deltaX. value = value + deltaX; You will need to initialize value as an empty string. To format the the legend text you can use CanvasJS.formatDate() with "YYYY-MM-DD hh:mm:ss:fff" valueFormatString. Please check this updated JSFiddle.
valuey
{"valuex":"2017-02-20 17:44:36"}
value
deltaX
value = value + deltaX;
"YYYY-MM-DD hh:mm:ss:fff"
__
Reynaldo,
If your charts are dynamic and the number of dataSeries / charts cannot be estimated before hand, set() method can be used after the chart is rendered to set a predefined color in case of only one dataSeries. Please check this jsfiddle.
@shv22,
If you don’t set any indexLabel / label for the dataPoints / dataSeries, they are not shown by default. Please refer this jsfiddle.
__ Suyash Team CanvasJS
@acke57,
In stackedColumn, dataPoints with same x-values will stack one on top of another. So by setting type to ‘stackedColumn’ will work fine in your case (with single dataSeries also). Please check this updated jsfiddle.
— Suyash Team CanvasJS
You can use stackedColumn chart which automatically stacks the dataPoints with same X values in different dataSeries. Please refer this jsfiddle.
Suyash Team CanvasJS
@oneworld,
You can programmatically zoom into an axis range by using ViewPortMinimum and viewPortMaximum. Reset button won’t work since the viewPortMaximum / viewPortMinimum values were not set manually (mouse click and drag). So you will have to take care of zoom out on click of reset button. Please check this jsfiddle.
__ Suyash, Team CanvasJS
Claus,
You can keep a copy of dataSeries in separate array, excluding the ones which you have considered as an error situation, and passing that to chart will work fine in your case. Please refer this jsfiddle.
— Suyash, Team CanvasJS
Ashish Potdar,
The dataPoints you pass to the chart must be an array of objects and not a string.
You can use timestamp values for X Axis as it would be easier to convert them to valid JSON before parsing and passing them to the chart. Please refer this jsfiddle.
For further reference you can go through these links: 1. Date Time Axis. 2. MDN’s Date reference 3. W3Schools Date reference
You can get the reference of the chart object outside of the window.onload() or any other function by either creating chart as a global variable, which is not a neat way to access the chart. Or you could pass the chart object as a parameter to the function that can access the chart as shown in this jsfiddle.
The dataPoints in your chart are scrambled as the dataPoints parsed from the JSON aren’t sorted. As mentioned in previous reply, sorting the datapoints should work fine in this case. Please take a look at this JSFiddle.
@ashish-potdar,
var MyVal = (document.getElementById('txtGrpValue').value); \\ String
First you need to parse the string you get from your input field to a valid JSON and then parse the JSON to get the object which you can pass to the chart. For converting the string to valid JSON, you can either enclose the values x and y in quotes in the input field and remove the semicolon like this example. Or you could use regular expression as shown in this example.
@navinder,
You can permanently highlight the maximum dataPoint in a graph by setting its color that is highlighted and setting the highlightEnabled property of the datapoint to false.
Please check this jsfiddle. — Suyash Team CanvasJS
@sona2017,
We checked the label and toolTip content with date-time axis and it seems to be working fine.
Can you reproduce the issue in jsfiddle, so that we can look into it further and help you out.
— Regards, Suyash Team CanvasJS