javascript - C3.js chart.load が x/y 軸グラフをロードしない

Question

xy グラフを設定し、新しいデータセットを読み込もうとしていますが、何らかの理由でグラフ内でデータが生成されません。

<div id="graph"></div>

<script>
    var chart = c3.generate({
        bindto: '#graph',
        data: {
            xs: {
                'data1': 'x1',
                'data2': 'x2',
            },
            columns: [
                ['x1', 10, 30, 45, 50, 70, 100],
                ['x2', 30, 50, 75, 100, 120],
                ['data1', 30, 200, 100, 400, 150, 250],
                ['data2', 20, 180, 240, 100, 190]
            ]
        }
    });

    setTimeout(function () {
        chart.load({
            bindto: '#graph',
            data: {
                xs: {
                    'data3': 'x3',
                },
                columns: [
                   ['x3', 20, 40, 55, 60, 80, 110],
                   ['data3', 30, 150, 260, 120, 90]
                ]
            }

        });
    }, 2000);

</script>

なぜこれが考えられるのか誰にも分かりますか？chart.unload が正常に機能することはわかっており、bindto: 'graph' の追加と削除を試してみましたが、何も機能しませんでした