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', 

      }, 

グラフは、軸上の目盛りを変更することはありません。コード17のCodepen JS行の17行目で、X軸を変更しようとしました。どんな助けもありがとう。

リンクまず、tick宣言がtype宣言にネストされてはならないCodepen

Answer 1

に、それらは互いに兄弟であるべきです。 C3はあなたのためにtickで宣言したものを拾いません。

第2に、valuesは、x軸の値を含むと宣言されたデータ系列、通常のグラフの数値、時系列グラフの日付 - >http://c3js.org/samples/axes_x_tick_values.htmlの値に一致させることで機能します。どちらの系列もx軸の値を保持するものとして宣言されておらず、どちらも数値データであるため、「月曜日」などの文字列は決して一致しません。

第3に、実際に古いバージョンのc3を使用していた（私は以下のソリューションを動作させるためにそれを更新しなければならなかった）ので、実行していたc3コードは絶望的なものでした。 ...うわー、目をhttps://codepen.io/anon/pen/PjNKya