Javascript 如何从会话存储将数据放入Highchart?
我试图从会话存储变量加载饼图中的数据,但没有得到任何结果 我想要这个:Javascript 如何从会话存储将数据放入Highchart?,javascript,html,session,highcharts,session-variables,Javascript,Html,Session,Highcharts,Session Variables,我试图从会话存储变量加载饼图中的数据,但没有得到任何结果 我想要这个: $(function () { Highcharts.chart('container', { chart: { type: 'pie', options3d: { enabled: true, alpha: 45 } }, title: { text: 'Contents of Highs
$(function () {
Highcharts.chart('container', {
chart: {
type: 'pie',
options3d: {
enabled: true,
alpha: 45
}
},
title: {
text: 'Contents of Highsoft\'s weekly fruit delivery'
},
subtitle: {
text: '3D donut in Highcharts'
},
plotOptions: {
pie: {
innerSize: 100,
depth: 45
}
},
series: [{
name: 'Delivered amount',
data: [
['Bananas', 8],
['Kiwi', 3],
['Mixed nuts', 1],
['Oranges', 6],
['Apples', 8],
['Pears', 4],
['Clementines', 4],
['Reddish (bag)', 1],
['Grapes (bunch)', 1]
]
}]
});
}))
我将信息存储在会话变量中,如下所示:
sessionStorage.data = "['Bananas', 9], ['Kiwi', 9]";
'[["Bananas", 9], ["Kiwi", 9]]'
然后,我把这个变量放在数据字段中:
$(function () {
Highcharts.chart('container', {
chart: {
type: 'pie',
options3d: {
enabled: true,
alpha: 45
}
},
title: {
text: 'Contents of Highsoft\'s weekly fruit delivery'
},
subtitle: {
text: '3D donut in Highcharts'
},
plotOptions: {
pie: {
innerSize: 100,
depth: 45
}
},
series: [{
name: 'Delivered amount',
data: sessionStorage.data
}]
});
}))
我做错了什么
非常感谢 变化
series : [[{name: 'Delivered amount',data: sessionStorage.data}]
到
您将会话数据存储为字符串,然后尝试将Highcharts数据设置为该字符串-您应该将其取消序列化为javascript数组 如果将
会话存储.data
的格式更改如下:
sessionStorage.data = "['Bananas', 9], ['Kiwi', 9]";
'[["Bananas", 9], ["Kiwi", 9]]'
您可以使用JSON.parse
取消序列化:
series: [{
name: 'Delivered amount',
data: JSON.parse(sessionStorage.data)
}]
我不能这样做,因为highcharts语法必须与“:”一起使用!现在我了解了如何使用highcharts中的会话数据进行JSON解析。非常感谢!