[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

[Vishwas R]

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

[Vishwas R]

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

[Vishwas R]

@vijenderreddy,

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

[Vishwas R]

@Samyukta,

Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Vishwas R]

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