Javascript 我能';我无法让highcharts代码正常工作,有人知道它为什么不正常吗';不行吗?
简短解释:javascript从表中获取数组。第1列到第4列的一个组合数组,其中包含xAxis的日期(月、日、年、小时-稍后将仅更改为天),以及表中最后一列的一个数组,其中包含售出金额 看起来它应该工作,但它不工作?我一直在胡闹,试图让它工作,但没有任何结果。有人知道怎么回事吗 谢谢Javascript 我能';我无法让highcharts代码正常工作,有人知道它为什么不正常吗';不行吗?,javascript,highcharts,Javascript,Highcharts,简短解释:javascript从表中获取数组。第1列到第4列的一个组合数组,其中包含xAxis的日期(月、日、年、小时-稍后将仅更改为天),以及表中最后一列的一个数组,其中包含售出金额 看起来它应该工作,但它不工作?我一直在胡闹,试图让它工作,但没有任何结果。有人知道怎么回事吗 谢谢 //converting the first table columns to xaxis label var colValsM = $('table:first td:nth-child(1)').m
//converting the first table columns to xaxis label
var colValsM = $('table:first td:nth-child(1)').map(function(){
return $(this).text();
}).get();
var colValsD = $('table:first td:nth-child(2)').map(function(){
return $(this).text();
}).get();
var colValsY = $('table:first td:nth-child(3)').map(function(){
return $(this).text();
}).get();
var colValsH = $('table:first td:nth-child(4)').map(function(){
return $(this).text();
}).get();
//the amount sold
var colValsChart = $('table:first td:nth-child(6)').map(function(){
return $(this).text();
}).get();
var colDate = [];
var rowCount = $('table:first').find('tr').length;
//combine day, month, year and hour
for (i = 0; i < rowCount; i++) {
colDate[i] = colValsD[i] + "/" + colValsM[i] + "/" + colValsY[i] + " (" + colValsH[i] + "h)"
}
console.log(colDate);
console.log(colValsChart);
//Highcharts
$(function () {
$('#container').highcharts({
chart: {
type: 'line',
zoomType: 'x'
},
title: {
text: 'Demand'
},
xAxis: {
categories: colDate,
labels:{
step: 72,
rotation: 315
}
},
yAxis: {
title: {
text: 'Amount'
}
},
legend: {
enabled: false
},
plotOptions: {
line: {
dataLabels: {
enabled: false
},
enableMouseTracking: true
}
},
series: [{
name: 'Sales',
data: colValsChart
}]
});
});
//将第一个表列转换为xaxis标签
var colValsM=$('table:first td:nth child(1)').map(function(){
返回$(this.text();
}).get();
var colValsD=$('table:first td:nth child(2)').map(function(){
返回$(this.text();
}).get();
var colValsY=$('table:first td:nth child(3)').map(function(){
返回$(this.text();
}).get();
var colValsH=$('table:first td:nth child(4)').map(function(){
返回$(this.text();
}).get();
//销售金额
var colValsChart=$('table:first td:nth child(6)').map(function(){
返回$(this.text();
}).get();
var colDate=[];
var rowCount=$('table:first').find('tr').length;
//将日、月、年和小时合并
对于(i=0;i
您的colValsChart是一个字符串数组。它必须是数字。
将这些字符串解析为数字,它就可以正常工作了。
顺便说一下,highcharts可以从html表输入创建图表。这可能是一个更简单的解决方案
var colValsChart = $('table:first td:nth-child(6)').map(function(){
return parseInt($(this).text(),10);
}).get();