Javascript 数组作为Highcharts系列isn';行不通
我在尝试在highcharts中将数组作为参数传递时遇到问题。 我是(戈里的)建议,但我运气不好。即使用户名(故意省略姓氏)在我的图例中正确呈现,实际值也会完全遗漏,因此我的图表始终为空,即没有条形图 即使数组已正确填充,并且用户名在图例中显示为ok,它也不会显示任何内容 我也在JSFIDLE上发布了一个示例,但很抱歉没有正确呈现 (包括json2源代码) HTML:Javascript 数组作为Highcharts系列isn';行不通,javascript,jquery,highcharts,highstock,Javascript,Jquery,Highcharts,Highstock,我在尝试在highcharts中将数组作为参数传递时遇到问题。 我是(戈里的)建议,但我运气不好。即使用户名(故意省略姓氏)在我的图例中正确呈现,实际值也会完全遗漏,因此我的图表始终为空,即没有条形图 即使数组已正确填充,并且用户名在图例中显示为ok,它也不会显示任何内容 我也在JSFIDLE上发布了一个示例,但很抱歉没有正确呈现 (包括json2源代码) HTML: setTimeout(函数(){ 图表每周趋势栏(“周包装趋势”、“通过批准”、“2014年1月3日”、“2014年1月1
setTimeout(函数(){
图表每周趋势栏(“周包装趋势”、“通过批准”、“2014年1月3日”、“2014年1月10日”、“2014年1月17日”、“2014年1月24日”、“2014年1月31日”、“2014年2月7日”、“2014年2月14日”、“2014年2月21日”、“2014年2月28日”、“2014年3月7日”]、“应用程序数量”、“应用程序数量”、“应用程序数量”、“应用程序数量”、“安卓”、“格拉”、“居尔”、“贺拉”、“杰恩”、“克里斯特”、“曼”、“迈克”、“菲尔”、“特里斯”],['0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,1,2,1,0,2', '0,0,0,0,0,0,0,0,0,0', '0,0,0,2,0,0,0,0,0,0', '0,0,0,0,2,1,0,0,2,1', '0,0,0,0,0,0,0,0,0,0'])
}, 100);
Javascript:
function Chart_Weekly_Trends_Bar(DIVID, TITLE, CATEGORIES, yAxisLabel, Tooltip, ANALYSTS_NAMES, ANALYSTS_DATA) {
var Param_CATEGORIESS = JSON.stringify(CATEGORIES);
var data_CATEGORIESS = JSON.parse(Param_CATEGORIESS);
var arr = [];
for (var i = 0; i < ANALYSTS_NAMES.length; i++) {
arr[i] = {};
arr[i]['name'] = ANALYSTS_NAMES[i]; //Here push your series name field in your example "John, Jane etc"
arr[i]['data'] = ANALYSTS_DATA[i]; //Here push your series name field in your example "John, Jane etc"
}
//arr = arr;
var Param_arr = JSON.stringify(arr);
var data_arr = JSON.parse(Param_arr);
$("#" + DIVID).highcharts({
chart: {
type: 'column',
height: 450,
width: 800,
renderTo: 'weeklypackagingtrends'
},
title: {
text: TITLE
},
xAxis: {
categories: data_CATEGORIESS,
//categories: ['20-10-2015','21-10-2015'],
tickInterval: .5,
tickmarkPlacement: 'on',
gridLineWidth: .5,
min: 0,
max: 9,
labels: {
style: {
fontSize: '9px'
}
}
},
yAxis: {
opposite: true,
min: 0,
title: {
text: yAxisLabel
}
},
tooltip: {
headerFormat: '<span style="font-size:20px">{point.key}</span><table width=150px>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:1f} </b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true,
animation: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
scrollbar: {
enabled: true
},
series: data_arr,
navigation: {
buttonOptions: {
verticalAlign: 'bottom',
y: -20,
height: 30,
theme: {
'stroke-width': 1,
stroke: 'silver',
r: 0,
states: {
hover: {
fill: '#bada55'
},
select: {
stroke: '#039',
fill: '#bada55'
}
}
}
}
},
credits: {
enabled: false
}
});
}
功能图\每周\趋势\栏(DIVID、标题、类别、标签、工具提示、分析师姓名、分析师数据){
var Param_CATEGORIESS=JSON.stringify(CATEGORIES);
var data_CATEGORIESS=JSON.parse(Param_CATEGORIESS);
var-arr=[];
对于(var i=0;i
您当前正在以字符串数组的形式发送数据数组:
['0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,0,0,0,0,0', '0,0,0,0,0,1,2,1,0,2', '0,0,0,0,0,0,0,0,0,0', '0,0,0,2,0,0,0,0,0,0', '0,0,0,0,2,1,0,0,2,1', '0,0,0,0,0,0,0,0,0,0']
您需要的是一组数组:
[[0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,1,2,1,0,2], [0,0,0,0,0,0,0,0,0,0], [0,0,0,2,0,0,0,0,0,0], [0,0,0,0,2,1,0,0,2,1], [0,0,0,0,0,0,0,0,0,0]]
例如:
[[0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,1,2,1,0,2], [0,0,0,0,0,0,0,0,0,0], [0,0,0,2,0,0,0,0,0,0], [0,0,0,0,2,1,0,0,2,1], [0,0,0,0,0,0,0,0,0,0]]