c3 timeseries graph - 最初のY値を持たないX値を持つ方法

私はC3 timeseries chartを持っています。ここでは、1日15分ごとに回数を表示したいので、1日がX軸全体を占め、表示データの日が進み、データが入って来て。c3 timeseries graph - 最初のY値を持たないX値を持つ方法

私は次のセットアップを持っている...

var now = new Date().toISOString(); 

    this.lineChart = generate({ 
    bindto: '#line', 
    transition: { 
     duration: 1000 
    },   
    data: { 
     x: 'x', 
     xFormat: '%Y-%m-%dT%H:%M:%S.%LZ', 
     columns: [ 
     ['x', now], 
     ['data1', 0]     
    ] 
    }, 
    axis: { 
     x: { 
     type: 'timeseries', 
     localtime: true, 
     tick: { 
      format: '%H:%M %p', 
      culling : true, 
      rotate : 60 
     } 
     } 
    } 
    });

次のように私は、日付を読み込むD ..

let shiftStart = new Date(startDateTime); 
    let endTime = new Date(endDateTime); 
    let nextDate = shiftStart; 
    let dates = new Array<string>(); 
    dates.push(nextDate.toISOString()); 
    let data = []; 
    while (nextDate <= endTime) { 
    nextDate = moment(nextDate).add(30, 'm').toDate(); 
    dates.push(nextDate.toISOString()); 
    data.push(0); // to make them show up! 
    } 

    this.lineChart.load({ 
    columns: [ 
     ['x', ...dates], 
     ['myData', ...data]   
    ] 
    })

それはそうです私はハ上記のdataを追加して、時間の目盛が表示されるようにしてください。

私が持っていると思います

while (nextDate <= endTime) { 
    nextDate = moment(nextDate).add(30, 'm').toDate(); 
    dates.push(nextDate.toISOString()); 
    } 

    this.lineChart.load({ 
    columns: [ 
     ['x', ...dates], 
    ] 
    })

、これはちょうど倍のX軸、（まだ）Y軸

これが可能であるために無値を表示するための

？

大変助かりました！

出典

2017-03-20 peterc