Creating a chart from a JSON file

• February 16, 2024 at 10:28 am #44690
  
  MurrayR

  I’ve searched for an answer but all the answers I’ve found are for API’s. I am not using an API but a JSON file.

  My question is, how do I load a JSON value into a chart?

  I did test the format of the JSON value by copying the array with objects into the dataPoints of the js file and it worked as intended.

  February 16, 2024 at 5:26 pm #44692
  
  Ananya

  @murrayr,

  Due to security measures, web browsers impose restrictions on reading local files & cross-origin requests. To work around this, one effective approach is to serve your JSON file from a local web server or utilize a CORS-enabled JSON hosting service like npoint.io. By doing so, you enable your web application to fetch data seamlessly without encountering the cross-origin limitations. Please take a look at this JSFiddle for an example of the same.

  

  —
  Ananya Deka,
  Team CanvasJS