Question

我必须在c3js多线图中显示以下数据日期将是x轴。每一行都是图表中的每一行。当我尝试在多线图表中显示它时，它不会显示，也不会给出任何错误。请帮帮我。

 ["date", "2017-05-01", "2017-05-02", "2017-05-03", "2017-05-04", "2017-05-06", "2017-05-08", "2017-05-09", "2017-05-10", "2017-05-12", "2017-05-13", "2017-05-16", "2017-05-17", "2017-05-18", "2017-05-19", "2017-05-20", "2017-05-23", "2017-05-24", "2017-05-25", "2017-05-29"]["Shrirang Adkar", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Delhi Store", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Ajay Subramaniam", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Shivani Yadavalli", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Siddhesh 2020", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Salva", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Iranna Zampa", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Hisam", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null] ["Samruddhi Sawant", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Manish K S", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null] ["Sukanya Ray", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Karen Ho", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Srishti Narang", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Sreejata Mitra", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]["Estroz", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]

Answer 1

您可以查看JSFiddle。您需要在每个数据块之间放置,。

var chart = c3.generate({
    data: {
        x: 'date',
        columns: [
             ["date", "2017-05-01", "2017-05-02", "2017-05-03", "2017-05-04", "2017-05-06", "2017-05-08", "2017-05-09", "2017-05-10", "2017-05-12", "2017-05-13", "2017-05-16", "2017-05-17", "2017-05-18", "2017-05-19", "2017-05-20", "2017-05-23", "2017-05-24", "2017-05-25", "2017-05-29"],
             ["Shrirang Adkar", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Delhi Store", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Ajay Subramaniam", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Shivani Yadavalli", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Siddhesh 2020", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Salva", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Iranna Zampa", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Hisam", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Samruddhi Sawant", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Manish K S", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Sukanya Ray", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Karen Ho", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Srishti Narang", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Sreejata Mitra", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
             ["Estroz", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]
        ]
    },
    axis: {
        x: {
            type: 'timeseries',
            tick: {
                format: '%Y-%m-%d'
            }
        }
    }
});

如何格式化c3js中的javascript数组数据？

1 个答案: