Please take a look at this JSFiddle to achieve the above requirement.
—
Shashi Ranjan
Team CanvasJS
Priyank,
It seems to be working fine. Can you 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?
—
Shashi Ranjan
Team CanvasJS
As you are updating dataPoints by reading JSON every second, the chart gets updated with a new set of dataPoints that are being passed at every 1 second. You are unable to see updated datapoints in the chart as the JSON file itself is not updated. Please take a look at our documentation page for an example on Live Updating Charts from JSON API & AJAX.
—
Shashi Ranjan
Team CanvasJS
This behavior is by design and datapoints are sorted in case of scatter and bubble charts. In your case, you can have a key that stores the index of the datapoint being passed and use that key to delete the particular datapoint as shown in this JSFiddle.
If you are still facing issue, kindly create JSFiddle reproducing the issue so that we can look into code, understand the scenario better and help you out.
—
Shashi Ranjan
Team CanvasJS
Andrew,
Stacked Column Chart renders chart with vertical bars whereas Stacked Bar Chart renders chart with horizontal bars. If you have just 1 series, I would suggest you to go with Column or Bar chart based on your requirements.
—
Shashi Ranjan
Team CanvasJS
Can you kindly share sample project reproducing the issue along with sample JSON over Google-Drive or Onedrive so that we can look into code, run it locally to understand the scenario better and help you resolve?
—
Shashi Ranjan
Team CanvasJS
Please take a look at this Gallery example for working code on rendering chart with data from JSON.
Considering this as duplicate of Dynamic chart extra lines being added hence closing the same.
—
Shashi Ranjan
Team CanvasJS
Please take a look at this Gallery example for working code on rendering chart with data from JSON.
setTimeout method calls a function or evaluates an expression after a specified number of milliseconds (only once) whereas setInterval method calls a function or evaluates an expression at specified intervals (in milliseconds). Changing setTimeout to setInterval should work fine in this case.
If you are still facing the issue, kindly share sample project reproducing the issue along with sample JSON over Google-Drive or Onedrive so the we can look into the code, run it locally to understand the scenario better and help you resolve.
—
Shashi Ranjan
Team CanvasJS
Priyank,
Drilldown chart can be achieved irrespective of chart-types, changing Pie to spline also works fine.
Kindly share sample project along with sample database over Google-Drive or Onedrive so that we can run it locally at our end, understand the scenario better and help you out.
—
Shashi Ranjan
Team CanvasJS
Please take a look at this Gallery Page for an example on drilldown chart.
—
Shashi Ranjan
Team CanvasJS
Trial Version is for evaluation purposes for 30 days which comes with ‘Trial Version’ watermark and ‘CanvasJS’ credit link. To use charts without ‘Trial Version’ and ‘CanvasJS’ Credit Link you will need to have a Commercial Version of CanvasJS. Please checkout License Page for more info and contact sales@canvasjs.com for sales related queries.
—
Shashi Ranjan
Team CanvasJS
It seems like the dataPoints you are passing are not in sequence/ascending order. As CanvasJS doesn’t sort dataPoints, the chart is rendered in the same sequence in which the dataPoints are passed where there are few jumbled dataPoints. To avoid such issues, you can sort dataPoints in the ascending order before rendering the chart.
—
Shashi Ranjan
Team CanvasJS
Can you kindly brief us more about your requirements like the format of date in the source of data (JSON / database) and where would you like to display the date in ‘2017-JUL-24’ format?
Also please share a sample project along with JSON / sample database over Google-Drive or Onedrive so that we can understand the scenario better and help you out.
—
Shashi Ranjan
Team CanvasJS