Diagnose Highcharts Error: Chart data could not be parsed

Here is a guide for determining what's causing the 'Chart data could not be parsed' error on your Highcharts widgets.

This error is most commonly due to three reasons:

  1. The chart type has not been declared
  2. The chart type is not supported in Geckoboard
  3. There are errors in the chart's payload

Investigating each of these sequentially should determine where the problem lies with your Highcharts widget. If you're still unable to resolve the issue, please don't hesitate to reach out to us for help.

 

The chart type has not been declared

 

In Geckoboard, all Highcharts charts must be sent with the 'chart' property:

If the payload you're sending does not declare the chart type, you will receive an error while displaying the Highcharts.

Back to top

 

The chart type is not supported in Geckoboard

 

Geckoboard supports the following Highcharts chart types:

  • Line
  • Spline
  • Area
  • Areaspline
  • Column
  • Bar
  • Pie
  • Scatter

If you are using a chart type that is not listed above and are experiencing an error, then this is likely the cause.

If this is the case, we would love to hear which Highcharts chart type you would like to see supported and what types of data and metrics you would like to use it with.

Back to top

 

There are errors in the chart's payload

 

If you have declared the chart type and it is a type that Geckoboard supports, it is then most likely that there are errors in the syntax/formatting of your chart's payload.

You can use a tool like JSFiddle to find where there are errors in your chart's payload. Here is a JSFiddle set up to use Highcharts. Paste your Highcharts chart payload in place of the '// comment' in the JavaScript section of that JSFiddle and then click 'Run'.

If the chart does not render, it is likely improperly configured. Using a tool like JSLint can be helpful to find missing brackets or other errors. Further, using an interpreter like Node.js will most quickly spot anything malformed.

If everything appears to be syntactically correct, then the next step would be to consult the Highcharts API to determine if any options or parameter names are defined incorrectly.

Another method is to find one of Highchart's demo charts of the same type you would like to use, and compare it to the chart you have built. This will help you narrow down where the error is.

Back to top

 

Was this article helpful?

Awesome! 👍  Thanks so much for your feedback!