如何从 2 个数组设置饼图系列数据
How to set pie chart series data from 2 arrays
我正在使用 Gentellela Alela 的 epiechart js,但我想用从 mysql 获得的数据生成一个动态图表,然后我在 php 上进行了查询,然后我通过了数据到 javascript。我离这里很近,但找了几个小时后很累。我想插入变量 countData 的值和 genData 的名称。这是默认系列:
series: [{
name: '访问来源',
type: 'pie',
radius: '55%',
center: ['50%', '48%'],
data: [{
value: 335,
name: 'Direct Access'
}, {
value: 310,
name: 'E-mail Marketing'
}]
我试过这样设置,值加载正确但名称未加载:
series: [{
name: 'Genres in use',
type: 'pie',
radius: '55%',
center: ['50%', '48%'],
data: countData,genData
}]
我试过循环,改变我设置数据的方式和其他一些没有用的东西,但我真的不熟悉 javascript 语法和函数。我没有弄清楚如何完成这项工作,所以我正在寻求帮助
在我好朋友的帮助下,我发现解决办法很简单。 :)
使用循环数组推送,我能够创建一个与脚本预期格式相同的数组
<script>
var series = [];
for(var i = 0; i < countData.length; i++)
{
var item = { value: countData[i], name: genData[i] };
series.push(item);
}
</script>
我正在使用 Gentellela Alela 的 epiechart js,但我想用从 mysql 获得的数据生成一个动态图表,然后我在 php 上进行了查询,然后我通过了数据到 javascript。我离这里很近,但找了几个小时后很累。我想插入变量 countData 的值和 genData 的名称。这是默认系列:
series: [{
name: '访问来源',
type: 'pie',
radius: '55%',
center: ['50%', '48%'],
data: [{
value: 335,
name: 'Direct Access'
}, {
value: 310,
name: 'E-mail Marketing'
}]
我试过这样设置,值加载正确但名称未加载:
series: [{
name: 'Genres in use',
type: 'pie',
radius: '55%',
center: ['50%', '48%'],
data: countData,genData
}]
我试过循环,改变我设置数据的方式和其他一些没有用的东西,但我真的不熟悉 javascript 语法和函数。我没有弄清楚如何完成这项工作,所以我正在寻求帮助
在我好朋友的帮助下,我发现解决办法很简单。 :) 使用循环数组推送,我能够创建一个与脚本预期格式相同的数组
<script>
var series = [];
for(var i = 0; i < countData.length; i++)
{
var item = { value: countData[i], name: genData[i] };
series.push(item);
}
</script>