Geckoboard

There are three possible reasons why you may be receiving the <code>Chart data could not be parsed</code> error, either:

The chart type isn't supported in Geckoboard.

1. The chart type hasn't been declared.
2. The chart type isn't supported in Geckoboard.
3. There are errors in the chart's payload.

Investigating each of these should determine where the problem lies. If you're still unable to resolve the issue, please don't hesitate to <a href="o9h85vz7@geckoboard-2.intercom-mail.com" rel="nofollow noopener noreferrer" target="_blank">get in touch</a>.

In Geckoboard, all Highcharts charts must be sent with the <code>chart</code> property:

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

The chart type is not supported in Geckoboard

Geckoboard only supports the following Highcharts chart types:

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

If you're using a chart type that isn't listed above and are experiencing an error, this is likely the cause.

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

To find and remove any errors in your Highcharts chart payload, follow these steps

You can use a tool like JSFiddle to find where there are errors in your chart's payload. <a href="http://jsfiddle.net/7k1vtLfk/" rel="nofollow noopener noreferrer" target="_blank">Here's a JSFiddle setup to use Highcharts</a>. Paste your Highcharts chart payload in place of the <code>// comment</code> in the JavaScript section of that JSFiddle and then click Run.

If the chart doesn't render, it's likely improperly configured. Using a tool like <a href="http://jslint.com/" rel="nofollow noopener noreferrer" target="_blank">JSLint</a> 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 <a href="http://api.highcharts.com/highcharts" rel="nofollow noopener noreferrer" target="_blank">Highcharts API</a> to determine if any options or parameter names are defined incorrectly.

Another method is to find one of <a href="http://www.highcharts.com/demo/" rel="nofollow noopener noreferrer" target="_blank">Highchart's demo charts</a> 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.

1. You can use a tool like JSFiddle to find where there are errors in your chart's payload. <a href="http://jsfiddle.net/7k1vtLfk/" rel="nofollow noopener noreferrer" target="_blank">Here's a JSFiddle setup to use Highcharts</a>. Paste your Highcharts chart payload in place of the <code>// comment</code> in the JavaScript section of that JSFiddle and then click Run.
2. If the chart doesn't render, it's likely improperly configured. Using a tool like <a href="http://jslint.com/" rel="nofollow noopener noreferrer" target="_blank">JSLint</a> can be helpful to find missing brackets or other errors. Further, using an interpreter like Node.js will most quickly spot anything malformed.
3. If everything appears to be syntactically correct, then the next step would be to consult the <a href="http://api.highcharts.com/highcharts" rel="nofollow noopener noreferrer" target="_blank">Highcharts API</a> to determine if any options or parameter names are defined incorrectly.
4. Another method is to find one of <a href="http://www.highcharts.com/demo/" rel="nofollow noopener noreferrer" target="_blank">Highchart's demo charts</a> 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.