Javascript 饼图在HIghChart中未附带动态数据
我正在用json数据制作一个饼图,但饼图中没有数据后端数据。我正在用HighCharts给出的格式生成数据。我正在粘贴我的代码Javascript 饼图在HIghChart中未附带动态数据,javascript,json,charts,highcharts,Javascript,Json,Charts,Highcharts,我正在用json数据制作一个饼图,但饼图中没有数据后端数据。我正在用HighCharts给出的格式生成数据。我正在粘贴我的代码 function createChart(array){ //alert(array); var arrJobName = []; var arrRevenue = []; for(var i=0; i<array.length; i++){ searchResultArray = array[i].split("$$##$$##");
function createChart(array){
//alert(array);
var arrJobName = [];
var arrRevenue = [];
for(var i=0; i<array.length; i++){
searchResultArray = array[i].split("$$##$$##");
//var label = '\''+ searchResultArray[1]+ '\'';
//var value = parseInt(searchResultArray[5]);
//arrJobName.push(searchResultArray[1]);
//arrRevenue.push(parseInt(searchResultArray[5]));
//alert(parseFloat(searchResultArray[5]))
// arrRevenue.push(['\''+ searchResultArray[1]+ '\'',""(parseFloat(searchResultArray[5]))]);
arrRevenue.push('['+searchResultArray[1]+","+parseFloat(searchResultArray[5])+']');
}
alert(arrRevenue)
//
$(function () {
$('.containerForDiagram').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Browser market shares at a specific website, 2014'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
style: {
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
}
}
},
series: [{
type: 'pie',
name: 'Job By Revenue',
data: [
[arrRevenue]
//['Director - Inventory/Planning Systems',36800],['DevOps Engineer',20000], ['Java Developer',0],['Software Development Manager',0],['Sr. Business Analyst / Oracle Functional',0],['Product Manager Native Advertising',0],['Corporate Recruiter ',26000],['Sr. Oracle Supply Chain BA',0],['Network Engineer',0],['Sharepoint Programmer Analyst',0],['Commercial Manager - Mexico',0],['Commercial Manager Colombia',0],['Sr. Global Architect - End User Computing',29900],['Head of Marketing Peru',0],['Director, Sr Attorney',0]
this is the data i am getting with my code ]
}]
});
});
}
这里给出了我为arrRevenue获取的数据。但是,当我动态使用arrRevenue时,它不起作用。我尝试了所有语法,但仍然没有用。请有人帮忙。问题在于生成数据。需要进行两项更改: 数据分配:数据:[arrRevenue]->数据:arrRevenue 数据生成:arrRevenue.push'['+searchResultArray[1]+,+parseFloatsearchResultArray[5]+'];->arrRevenue.push[searchResultArray[1],parseFloatsearchResultArray[5];
两件事:1所有数字都应该是数字,例如:2是字符串。2.push“[”+…”]”正在生成字符串。您想要使用数组。我建议您转到MDN mozilla开发网络,开始阅读关于JS的教程。@PawełFus然后我将如何使用数据制作该格式['Level',12]?类似这样的内容:data:arrRevenue,其中arrRevenue是这样制作的:arrRevenue.push[searchResultArray[1],parseFloatsearchResultArray[5]@PawełFus感谢它成功了