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使圖表消失

回答

相關問題