score:0
Accepted answer
this is what I had to do to make it work:
<script src="js/highcharts.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
type: 'area'
},
xAxis: {
type: 'datetime'
},
series: [{}]
};
$.getJSON('dude.json', function(data) {
options.series[0].data = data;
var chart = new Highcharts.Chart(options);
});
});
</script>
score:2
Your data is not in the right format. Familiarize yourself with how to format data for Highcharts.
These may help:
Notably:
1) your dates must be either a javascript time stamp (epoch time, in milliseconds), or a date.Utc declaration
2) your structure needs to be like:
[[date, value],[date,value],[date,value]]
Source: stackoverflow.com
Related Articles
- how to draw charts with json file data in highcharts
- Returning JSON file with cURL to use data in a HighCharts stock chart
- Reload chart data via JSON with Highcharts
- Highcharts with JSON data and multiple series
- Highcharts - Global configuration with common code and unique data & Headings
- Formatting JSON Data with ColdFusion for HighCharts
- Highcharts with ajax and json data what am i doing wrong?
- dynamic highcharts with json data
- Not able to draw a Pie Chart with external csv file in HighCharts
- Retrieving JSON data for Highcharts with multiple series?
- Charts using Highcharts with multiple series from JSON
- passing formatting JavaScript code to HighCharts with JSON
- JSON Data Map Issue with HighCharts + Ajax
- Draw charts with a Loop using HighCharts in symfony
- Draw real time data graph with Highcharts
- Customizing the series data in pie charts with a dynamic json series (HighCharts)
- highcharts highmaps parsing json data to display world map with rich info
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
- Issue with json data mapping with Highcharts
- Highcharts Synchronized charts with missing data points
- Highcharts series visibility with csv data source
- HTML table as data source for highstock charts using highcharts
- Set HighCharts data from JSON string with setData() function
- Loading json data to highcharts with multiple series
- Load JSON file into highcharts to draw a Line Chart
- Invalid dates in Highcharts with data loaded by JSON
- Using JSON data with the jQuery highcharts plugin
- Export json data with highcharts
- highcharts transform json data with Date.UTC
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts update x-axis categories dynamically
- How to use this highchart map in reactJS
- Show only two axis values in highcharts
- Date Vs. Time Graph With HighCharts
- highcharts draggable-points conflict between drag and click
- Error bars (confidence intervals) in Highcharts
- Highcharts Hide tooltip on mouseOver
- How to set highchart global options IN R
- HighCharts Dynamic multiseries Column Chart showing only 1 set of series at a time
- Highcharts: To achieve exploded sections behaviour in Sunburst chart similar to pie charts
- trouble with highchart and .clone()
- Highcharts-Ng and Broken Drilldown
- Need assistance for a part with json/php
- Dates are overlapped in Highchart's areachart
- How can i remove extra space in mobile app?
- JQuery-UI Slider Auto Increments But Does Not Fire Slide Event
- Highcharts- chart does not display
- Drill down function in highcharts in case of line charts
- Highcharts linearGradient fill with fixed upper bound
- Stochastic on a weekly basis