C3 JS Change X Axis，ticking values使图表消失

我是Javascript新手，我已经想出了一些东西，但似乎无法弄清楚为什么X轴难以改变。我正在使用C3库来制作堆积的条形图。当我尝试手动刻度改变到值的数组：C3 JS Change X Axis，ticking values使图表消失

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

      },

该图将不改变在轴线蜱。第17行是Codepen JS代码行，我尝试更改X轴。任何帮助，将不胜感激。

链接Codepen

来源

2017-06-11 Imran Chowdhry

首先，tick声明不应该被嵌套在type声明，他们应该是彼此的兄弟姐妹。因此，C3不会在tick中声明任何内容。

其次，values通过匹配声明为包含x轴值的数据系列中的值（如普通图表中的数字或时间序列图表中的日期）来工作 - >http://c3js.org/samples/axes_x_tick_values.html。你的系列都没有声明为保持x轴的值，并且两者都是数字数据，所以像“星期一”等字符串永远不会匹配。

第三，这个codepen使用了一个真正过时的c3版本（我不得不更新它来获得下面的解决方案），所以正在运行的c3代码已经无望地过时任何C3文档的在线

您要查找的内容在这里我怀疑是使用类别类型，并宣布类别像这样：

  x : { 
      type: 'category', 
      categories: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] 
      tick: { 
       multiline:false, 
       culling: { 
        max: 1 
       }, 
      }, 
     }, 
     ... etc etc... 
    },

见https://codepen.io/anon/pen/PjNKya

来源

2017-06-11 15:33:57 mgraham

哇...眼睛开门红。非常感谢，我将检查我目前在我的软件中使用的c3/d3库！非常感谢：） –

C3 JS Change X Axis，ticking values使图表消失

回答

相关问题