CSV数据(不是文件,直接将数据放入代码中)在Javascript代码中的位置

CSV数据(不是文件,直接将数据放入代码中)在Javascript代码中的位置,javascript,csv,highcharts,heatmap,Javascript,Csv,Highcharts,Heatmap,嗨,我想知道存储这个CSV数据的正确方法,我已经将它存储在var数据中,但它会抛出错误 var data = Events,Apps,Status Business Requirement Description,App1,60 Communication to Stake Holders,App1,50 Development Started,App1,30 Reviewed ,App1,10 Ready for E2E Testing,App1,5

嗨,我想知道存储这个CSV数据的正确方法,我已经将它存储在var数据中,但它会抛出错误

var data = Events,Apps,Status
    Business Requirement Description,App1,60
    Communication to Stake Holders,App1,50
    Development Started,App1,30
    Reviewed ,App1,10
    Ready for E2E Testing,App1,5
    Business Requirement Description,App2,80
    Communication to Stake Holders,App2,40
    Development Started,App2,20
    Reviewed ,App2,10
    Ready for E2E Testing,App2,0
    Business Requirement Description,App3,100
    Communication to Stake Holders,App3,60
    Development Started,App3,0
    Reviewed ,App3,30
    Ready for E2E Testing,App3,0
在这里,我使用Highcharts功能解析数据以创建热图:

function(data){
    var lines = data.split('\n');
    $.each(lines, function(lineNo, line) {
        var items = line.split(','); 
    });

    // Defining X-Axis: 
    $.each(items, function(itemNo, item) {
        if(itemNo == 0){
            $.each(lines, function(lineNo, line) {
                if (lineNo > 0)
                    options.xAxis.categories.push(item)
            });
        }
    }
}

您需要将CSV字符串用引号括起来:

var data = "Events,Apps,Status
Business Requirement Description,App1,60
Communication to Stake Holders,App1,50
Development Started,App1,30
Reviewed ,App1,10
Ready for E2E Testing,App1,5
Business Requirement Description,App2,80
Communication to Stake Holders,App2,40
Development Started,App2,20
Reviewed ,App2,10
Ready for E2E Testing,App2,0
Business Requirement Description,App3,100
Communication to Stake Holders,App3,60
Development Started,App3,0
Reviewed ,App3,30
Ready for E2E Testing,App3,0"

您需要将其存储为字符串

var data = `
    Events,Apps,Status
    Business Requirement Description,App1,60
    Communication to Stake Holders,App1,50
    Development Started,App1,30
    Reviewed ,App1,10
    Ready for E2E Testing,App1,5
    Business Requirement Description,App2,80
    Communication to Stake Holders,App2,40
    Development Started,App2,20
    Reviewed ,App2,10
    Ready for E2E Testing,App2,0
    Business Requirement Description,App3,100
    Communication to Stake Holders,App3,60
    Development Started,App3,0
    Reviewed ,App3,30
    Ready for E2E Testing,App3,0`
如果您的环境不支持反勾号(某些较旧的浏览器不支持反勾号):

注:

如果要将这些数据硬编码到文件中,也可以使用联机。您可以将JSON对象直接用作JS对象

 var data = "Events,Apps,Status\nBusiness Requirement Description,App1,60\nCommunication to Stake Holders,App1,50\nDevelopment Started,App1,30\nReviewed ,App1,10\nReady for E2E Testing,App1,5\nBusiness Requirement Description,App2,80\nCommunication to Stake Holders,App2,40\nDevelopment Started,App2,20\nReviewed ,App2,10\nReady for E2E Testing,App2,0\nBusiness Requirement Description,App3,100\nCommunication to Stake Holders,App3,60\nDevelopment Started,App3,0\nReviewed ,App3,30\nReady for E2E Testing,App3,0"