我想在 highchart 系列中使用 javascript 变量,但它似乎不起作用:
function groupBar(n) {
var nu;
nu = parseInt(n);
var series_b_tab = <?php echo json_encode($series_bar)?>;
var series_b = series_b_tab[n];
series_b = series_b.join(",");
$('#bar_project_'+n).highcharts({
chart: {
type: 'column',
height : 300,
width: 500
},
title: {
text: 'Logements connectés'
},
subtitle: {
text: 'Source: Valenciennes Métropole'
},
xAxis: {
categories: [<?php echo join($legend_bar,',') ?>],
title: {
text: null
},
labels: {
rotation: -45,
style: {
fontSize: '9px'
}
}
},
yAxis: [
{
min: 0,
//max: 8000,
labels:{
style :{
color: 'red'
}
},
title: {
text: 'Nombre de connexions par type',
align: 'middle'
},
labels: {
overflow: 'justify'
},
opposite: true
},
// second yAxis
{
min: 0,
//max: 70,
labels:{
style :{
color: 'red'
}
},
title: {
text: 'Pourcentage (%)',
align: 'middle'
},
labels: {
overflow: 'justify'
}
}],
tooltip: {
valueSuffix: ' %'
},
legend: {
layout: 'vertical',
align: 'left',
verticalAlign: 'top',
x: 50,
y: 60,
floating: true,
borderWidth: 1,
backgroundColor: '#FFFFFF',
shadow: true,
itemStyle: {
color: 'black',
fontSize: '9px'
}
},
plotOptions: {
series: {
animation: false
},
},
series: [{series_b}]
});
};
当n=1时series_b_tab[n]的例子如下:
{名称:'提交:0',类型:'列',yAxis:1,数据:[2436]},{名称:'提交:1',类型:'列',yAxis:1,数据: [2510,171]}
我不知道如何将series_b的内容放入系列中。
也许我可以使用 json_parse ?
感谢您的帮助!
最佳答案
根据您的代码,您当前的设置是:
series: [{series_b}]
如果您的 series_b
变量内容示例是准确的,那么您需要的是:
series: [series_b]
由于每组花括号 {}
包含一个系列,并且您的系列已经封装,并且有多个系列。
假设该系列没有用花括号括起来,您的原始语法只能容纳一个系列。
如果不清楚,只需将示例 series_b
内容粘贴到 series: [{ }]
部分以及 series: [ ]
中code>,看看两者的区别。
示例:
Original way:
series: [{
{
name : ' Commité : 0',
type :'column',
yAxis : 1 ,
data : [2436]
},{
name : ' Commité : 1',
type :'column',
yAxis : 1 ,
data : [2510,171]
}
}]
.
Proper way:
series: [{
name : ' Commité : 0',
type :'column',
yAxis : 1 ,
data : [2436]
},{
name : ' Commité : 1',
type :'column',
yAxis : 1 ,
data : [2510,171]
}]
关于javascript - 如何在 highcharts 系列中使用 javascript 变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33305179/