请教,怎么将JS的变量传递给highcharts中series:data,感觉都是基于JS,如何就不行呢
请问,如何将JS的变量传递给highcharts中series:data,感觉都是基于JS,怎么就不行呢?
<script type="text/javascript">
//如何将temStr这个变量赋值给highcharts 的 series:data
var temStr = "[['专科及以下',0],['本科',75],['研究生',15],['博士及以上',10]]";
$(document).ready(function() {
function lgmway(lgm){
$('.chart-container22').highcharts({
chart: {
type: 'pie',
options3d: {
enabled: true,
alpha: 45,
beta: 0
}
},
title: {
text: '统计'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
depth: 35,
dataLabels: {
enabled: true,
format: '{point.name}'
}
}
},
credits: {
enabled: true,
text: ''
},
series: [{
type: 'pie',
name: '学历',
data:temStr
}]
});
}
});
</script>
data:$temStr
data:temStr
我都实验了,但是不行
------解决思路----------------------
你的temStr 不是插件要求的格式,插件不认,看清插件需要的格式再写
------解决思路----------------------
你试试上面的 替换对应部分
------解决思路----------------------
双引号去掉啊 不是字符串啊
<script type="text/javascript">
//如何将temStr这个变量赋值给highcharts 的 series:data
var temStr = "[['专科及以下',0],['本科',75],['研究生',15],['博士及以上',10]]";
$(document).ready(function() {
function lgmway(lgm){
$('.chart-container22').highcharts({
chart: {
type: 'pie',
options3d: {
enabled: true,
alpha: 45,
beta: 0
}
},
title: {
text: '统计'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
depth: 35,
dataLabels: {
enabled: true,
format: '{point.name}'
}
}
},
credits: {
enabled: true,
text: ''
},
series: [{
type: 'pie',
name: '学历',
data:temStr
}]
});
}
});
</script>
data:$temStr
data:temStr
我都实验了,但是不行
------解决思路----------------------
你的temStr 不是插件要求的格式,插件不认,看清插件需要的格式再写
------解决思路----------------------
var dataStr=[2,2,3,12,3,3,3,1,2,0,3,3,2,3,1,1,2,2,2,8,10,4,5,7,4,2,1,0,2,3,0];
var temStr=["04-14","04-15","04-16","04-17","04-18","04-19","04-20","04-21","04-22","04-23","04-24","04-25","04-26","04-27","04-28","04-29","04-30","05-01","05-02","05-03","05-04","05-05","05-06","05-07","05-08","05-09","05-10","05-11","05-12","05-13","05-14"];
//如果上两行报错,就在加上引号
xAxis: {
categories: dataStr//返回的日期数据
},
series: [{
name: 'XXX',
data: temStr//返回的值数据
}],
你试试上面的 替换对应部分
------解决思路----------------------
双引号去掉啊 不是字符串啊