Javascript 我能';我无法让highcharts代码正常工作,有人知道它为什么不正常吗';不行吗?

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

简短解释:javascript从表中获取数组。第1列到第4列的一个组合数组,其中包含xAxis的日期(月、日、年、小时-稍后将仅更改为天),以及表中最后一列的一个数组,其中包含售出金额

看起来它应该工作,但它不工作?我一直在胡闹,试图让它工作,但没有任何结果。有人知道怎么回事吗

谢谢

    //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();