score:2
Accepted answer
you have to process json
string
var categories = []; //categories array to highchart
var seriesdata = []; //series object to highchart
for (var i = 0; i < jsondata.length; i++) {
if (jsondata[i].categories) {
categories = jsondata[i].categories.replace(/\[|]|'/g, '').split(',')
}
if (jsondata[i].seiresname) {
seriesdata.push({
name: jsondata[i].seiresname,
data: json.parse(jsondata[i].data)
})
}
}
fiddle working demo
update
change in json
data updated accordingly
for (var i = 0; i < jsondata.length; i++) {
if (jsondata[i].categories) {
categories = jsondata[i].categories
}
if (jsondata[i].seiresname) {
seriesdata.push({
name: jsondata[i].seiresname,
data: jsondata[i].data.map(number)
})
}
}
Source: stackoverflow.com
Related Query
- Add Categories and Series dynamically from JSON in HighCharts
- Highcharts with multiple series from JSON Dynamically
- HighCharts setting categories and series using JSON
- HighStock/HighCharts add point from JSON dynamically to series (events)
- Highcharts displays series names but missing data points from json source
- adding series to highcharts from JSON
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Highcharts with JSON data and multiple series
- Highcharts add series dynamically
- Dynamically add data to series in Highcharts
- Setting Highcharts Series and Category data dynamically
- Highcharts multiple series json from php
- Highcharts error when add and shift data to hidden series
- change the categories and series in highcharts by select button?
- passing json values to highcharts from .net code behind
- Charts using Highcharts with multiple series from JSON
- Dynamically add an event to Highcharts series
- How to add Series data in Highcharts from MVC
- Highcharts with multiple series from JSON
- How to efficiently remove all series from highchart/highstock and then add many more
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
- Link two series object in Highcharts and add event
- How to get data for series and categories in highcharts-convert.js from mysql
- highcharts add series from array
- How to add multiple series dynamically and update its data dynamically
- Dynamically add and remove custom export button in highcharts
- Highcharts not displaying series pushed from JSON
- How add series dynamically in Highcharts without button? (ANGULAR JS)
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- Get Key names and Values names from JSON and use in Highcharts
More Query from same tag
- Highcharts - display label on yAxis
- Allowing some padding space in polar charts using Highcharts
- Highcharts custom button styling off on full screen
- Get Key names and Values names from JSON and use in Highcharts
- Get variable from data structure in highstock
- Highcharts.js cannot see graph line
- Max number of flags on highstock control
- How to give box shadow for rect in highcharts?
- How to add dotted line to a country in Africa map?
- highcharts: how to update marker fillcolor using angularjs
- NVDA arrows navigation only working with alt key in highcharts
- Highcharts Data Not Showing on Ajax Call
- isDirtyBox and isDirtyLegend
- Set plot height and allow the rest of the chart to resize
- highcharts/highstock tooltips issue : point.config[2] missing, fine on subset of same data
- Highcharts organization change size image and position
- selectInput variable to influence chart output - group argument? Preferably using highcharter output [Shiny app]
- set series driildown data with looping from array
- Highchart, polar chart multiple values in one line
- Highcharts : draw a chart with data from XMLHttpRequest ()
- Highcharts xAxis shows labels from drilldown on drillup
- Linking issue between python script, flask framework, and html
- How to show values in Highcharts tooltip other than x and y when data points are too high?
- Y-axis markers are multiples of odd numbers
- How to combine Bar chart and data as table in High Charts
- Multiline Highchart based on Dates
- Pandas Highcharts - Display Chart with Flask
- Area range legend icon does not match marker
- highchart's hidden chart renders out of container in Angularjs
- Error: Data source must be a URL for refresh | console error | javascript | Highcharts