Question

我是Javascript的新手，我已经找到了一些东西，但似乎无法弄清楚为什么X轴很难改变。我正在使用C3库来制作堆积条形图。当我手动尝试将tick更改为值数组时：

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

Answer 1

首先，if声明不应嵌套在tick声明中，它们应该是彼此的兄弟姐妹。因为这个原因，C3不会接受你在type声明的任何内容。

其次，tick通过匹配声明为包含x轴值的数据系列中的值，如普通图表中的数字或时间序列图表中的日期 - ＆gt; http://c3js.org/samples/axes_x_tick_values.html。你的系列都没有声明为保持x轴值，并且两者都是数值数据，所以字符串如＆＃34; Monday＆＃34;等永远不会匹配。

第三，该codepen使用的是一个非常过时的c3版本（我不得不更新它以使下面的解决方案工作），所以正在运行的c3代码已经无可救药地过时了在线c3文档

您在这里寻找的内容我怀疑是使用类别类型并将类别声明为：

values

请参阅https://codepen.io/anon/pen/PjNKya

C3 JS更改X轴，勾选值使图表消失

1 个答案: