C3 JS更改X轴，刻度值使图表消失

Question

我是Javascript的新手，我已经弄明白了一些事情，但似乎不明白为什么X轴很难改变。我使用C3库来制作堆叠条形图。当我手动尝试将刻度更改为值数组时：

axis: {
        x : {
            type : {
                tick: {
                    // values: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
                    multiline:false,
                    culling: {
                        max: 1
                    },
                },
            },
            label : {
                text: 'Days',
                position: 'center-bottom',

            },

图表不会更改轴上的刻度。Codepen JS代码行中的第17行，我试图更改X轴。任何帮助都将不胜感激。

链接到Codepen