[Vishwas R]

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

[Vishwas R]

@tdesai,

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

[Vishwas R]

@indoex,

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

[Vishwas R]

@darshan-jain,

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

[Vishwas R]

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

[Vishwas R]

@fcbman,

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

[Vishwas R]

@vt10237,

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

[Vishwas R]

@vlad,

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

[Vishwas R]

@priyanksheth,

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

[Vishwas R]

@priyanksheth,

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

[Vishwas R]

@driven13,

colorSet seems to be working fine irrespective of chart types. Can you kindly share JSFiddle reproducing the issue so that we can look into the code, understand the scenario better and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@vt10237,

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

[Vishwas R]

@taquitosensei,

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

[Vishwas R]

@wemba,

Primary y-axes are drawn to the left and secondary to the right of the chart (incase of line, column, area charts). To have both the axes towards left of the chart, you will have to define multiple primary y-axis (Please refer code-snippet below) and assign dataSeries to them by setting axisYIndex. Please refer documentation for more info.

axisY: [{
      title: "Weight(kg)",
      suffix: "kg",
      lineColor: "#84A7D1",
      lineThickness: 5,
      interval: 1,
      intervalType: "number",
      includeZero: true,
      viewportMinimum: 0,
      viewportMaximum: 12
    },{
      title: "Height (cm)",
      suffix: "cm",
      lineColor: "#C24642",
      lineThickness: 5,
      interval: 5,
      minimum: 10,
      intervalType: "number",
      includeZero: false,
      viewportMinimum: 10,
      viewportMaximum: 80
 }]

In order to help us in understanding the issue, please follow below guideline:

Have a reproducible demo of your chart.

This one step can assure you a speedy response. Fork out our template JSFiddle and reproduce the chart at your end. Try to keep it to the bare minimum by removing unnecessary code.

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements.

Having a JSFiddle helps us in figuring out the issue and many a times we can just edit your code on JSFiddle to fix the issue right-away.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@joice_circuitects,

Glad that you were able to get it worked :)

—
Vishwas R
Team CanvasJS