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

时间:2018-04-17 11:19:41

标签: 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
    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功能解析数据以创建Heatmap:

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)
            });
        }
    }
}

2 个答案:

答案 0 :(得分:0)

您需要将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"

答案 1 :(得分: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`

如果您的环境不支持返回标记(某些旧浏览器不支持返回标记):

 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"

注意:

如果您将此数据硬编码到文件中,也可以使用在线CSV to JSON converter。您可以直接将JSON对象用作JS对象。