In pie chart, each slice is a dataPoint. Updating entire dataPoints will update all the slices of pie chart. Please take a look at this updated JSFiddle.
—
Vishwas R
Team CanvasJS
It seems like you are setting interval to 2 in axisY (horizontal axis incase of bar chart). Auto-calculated interval (not setting any interval) or increasing the interval should work fine in your case.
1.) Change the size of the values of only the X-axis so they are slightly smaller in size physically
You can customize the font-size of label by setting labelFontSize.
2.) Skip every other value so that they look more evenly spaced
Labels will be shown at every interval of the axis. Setting larger interval will increases the space between labels.
If you are still facing the issue, kindly share JSFiddle reproducing the issue you are facing so that we can look into the code, understand the scenario better and help you out.
—
Vishwas R
Team CanvasJS
Ori,
xValueType is a property of dataSeries. Setting xvalueType to “dateTime” within dataSeries should work fine in this case. Please refer documentation for more info.
—
Vishwas R
Team CanvasJS
We are unable to reproduce the issue at our end. Can you kindly share working JSFiddle reproducing the issue or sample project / PHP file along with sample csv file over Google-Drive or Onedrive so that we can run it locally at our end, understand the scenario better and help you out?
—
Vishwas R
Team CanvasJS
Do you mean synchronizing zoom / pan across? If so, you can achieve this using rangeChanged event. Please refer this documentation page for step to step tutorial on the same.
—
Vishwas R
Team CanvasJS
Setting indexLabelMaxWidth should work fine in this case.
If this doesn’t fulfill your requirements, kindly share JSFiddle with us so that we can look in to the code, understand the scenario better and help you out.
—
Vishwas R
Team CanvasJS
Ori,
The issue seems to be the x-value that’s being passed to the chart-options. Passing x-value read from text-file as timestamp and setting xValueType to “dateTime” should work fine in this case. Please find the code snippet below:
while((data = br.readLine())!= null) {
String[] splittedString = data.split(" ");
Double doubleValue = Double.parseDouble(splittedString[4]);
doubleValue = doubleValue / 1024 ;
int valueint = (int) Math.round(doubleValue);
Date date = format.parse(splittedString[1]);
map = new HashMap<Object,Object>(); map.put("x",date.getTime()); map.put("y",valueint ); list.add(map);
i++;
}
PS: Don’t miss out setting xValueType to “dateTime” – as timestamp is passed as x-value.
—
Vishwas R
Team CanvasJS
Can you kindly share working sample project along with sample data over Google-Drive or Onedrive so that we can run it locally, understand the scenario better and help you out?
—
Vishwas R
Team CanvasJS
Changing column chart to stacked-column by changing the type property of dataSeries in the above given example should work fine in your case. Please refer React-Gallery for more examples. Also take a look at documentation for more info on Stacked-Column chart.
—
Vishwas R
Team CanvasJS
IndexLabels / labels in Pie Chart are skipped whenever they get closer to other indexLabels – this behavior is by design. You can workaround this issue by rotating the Pie Chart by setting startAngle as shown in this JSFiddle.
—
Vishwas R
Team CanvasJS
The chart is rendered according to the y-values that has been passed. The value at 00:00 seems to be lesser as the value that you have passed new Date(2019,7,3,0,1,14)
is lesser than the other values. Changing y-value to new Date(2019,7,4,0,1,14)
will render it higher than other values. Please take a look at this updated JSFiddle.
Considering this as duplicate of Yaxis bteween day one 7PM to day two 1AM, hence closing the same.
kindly help on priority basis.
In standard forum based support we reply to your queries at the earliest (may vary from 1 – 4 days). In priority support, you will receive response to your queries within 24 hours of working days – Please contact sales@canvasjs.com for further queries on the same.
—
Vishwas R
Team CanvasJS
The chart is rendered according to the y-values that has been passed. The value at 00:00 seems to be lesser as the value that you have passed new Date(2019,7,3,0,1,14)
is lesser than the other values. Changing y-value to new Date(2019,7,4,0,1,14)
will render it higher than other values.
If this doesn’t solve your requirements, kindly brief us more about what are you trying to render with an example so that we can understand it better and help you out.
—
Vishwas R
Team CanvasJS
Please take a look at this example in Combination of Line, Area and Column Charts in React. You can also download react samples from our download page to run it locally.
—
Vishwas R
Team CanvasJS
X value can either be number or date-time where as y-value can be number. But in the sample JSON that you have shared, x-value is not a valid date-time object and y-value is a string because of which you would be getting a blank chart. Changing the x and y-values to valid date-time and number respectively should work fine in your case. Please take a look at this JSFiddle.
—
Vishwas R
Team CanvasJS