score:4
Accepted answer
your json isn't proper one, try to validate it. properties names shold have double quotes, change from: name: 'pay off'
to: "name": "pay off"
score:2
your json is valid for a highcharts series - you don't need to try to transform it at all:
$(document).ready(function() {
var options = {
chart: {
renderto: 'container',
type: 'line'
},
title: {
text: 'payoff curve'
},
legend: {
layout: 'vertical',
align: 'right',
verticalalign: 'middle',
borderwidth: 0
},
series: []
};
$.getjson('data.json', function(list) {
options.series = list; // <- just assign the data to the series property.
var chart = new highcharts.chart(options);
});
});
if that still doesn't work, open the console to see whether there's a javascript error.
here's a fiddle.
Source: stackoverflow.com
Related Query
- Charts using Highcharts with multiple series from JSON
- Highcharts with multiple series from JSON Dynamically
- Highcharts with multiple series from JSON
- How to make multiple Y-axis with incoming series of data from database using Highcharts
- Highcharts multiple series from JSON with different style depending on serie name
- Highcharts with JSON data and multiple series
- Highcharts problem with xAxis using multiple series
- Highcharts shared tooltip between charts with multiple series and shared tooltip
- Highcharts - How to make a scatter plot with multiple series from HTML table
- Highcharts multiple series json from php
- Highcharts synchronize tooltip on multiple charts with multiple series
- Strange behavior with highcharts when using "column" type and multiple datetime series
- Highcharts with JSON to customize multiple series
- Creating a Highchart with multiple series from a JSON file
- Basic Highcharts Multiple Series Chart Using JSON
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
- Highcharts drilldown to pie chart - Clicking on axis label with multiple series causes pie charts to overlap
- Loading json data to highcharts with multiple series
- Highcharts : using same div to load a chart multiple times with different series data
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts with values from multiple JSON file
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- Parsing JSON for use with Highcharts using jquery .parseJSON or JSON.parse: how to remove quotes from function calls for formatters?
- Plotting multiple series from JSON php import to Highcharts
- Plotting multiple series in single Highcharts plot from JSON
- Highcharts multiple series from json
- highcharts with dynamically adding multiple series from JavaScript array name value pair
- How to render highcharts from external json for multiple series
- How can I assign multiple series from my json data? Highcharts
- Highcharts - Multiple pie charts from json
More Query from same tag
- How do I change a specific bar color in Highcharts Bar Chart?
- How to call highcharts button from outside
- Hide/Show DIV upon drilldown in Highcharts
- How to get the X axis value from HighChart on android on click event
- Highcharts sticky labels for big values goes out of chart
- Highcharts img in html title; onerror doesn't fire even with Highcharts Security AST set
- Dynamically add data to series in Highcharts
- Highcharts, displaying two sets of data on the same line chart
- Highcharts trying to show labels directly left of columns
- Highcharts - How to hide series name and Y value in tooltip
- In Highchart, how to change all the legend symbols height in a multiple axes chart?
- Can I add any indicator to any chart type in highcharts?
- Load Unknown Number of Charts with Django Chartit
- Set custom color for highcharts-halo in styled mode
- remove print button
- Alignment issue in high charts
- How to offset HighCharts data?
- Highcharts - format date for x-axis as well as autoscale (data from mysql)
- highcharter both nominal and percentage values
- Show two data labels in plotting column?
- Highcharts React: Menu button doesn´t change from "view full screen" to "exit full screen" when fullscreen mode is on
- Remove space between yAxis and data in highcharts
- how to call ajax function to update the Highcharts graph dynamically?
- How to replace label line with dot in highcharts
- Error :'error TS2339: Property 'data' does not exist on type 'Response'.- Angular
- Zoom in Highmaps based on Lat/Long
- Highcharts real-time line chart with multiple data streams
- Highcharts doesnt work on pagination next page
- How to query data from database using highcharts in Codeigniter?
- Update Highchart data form exported button