2016-07-28 32 views
1

割合を表示するようにy軸をフォーマットしたいと思います。私がy軸のフォーマットを変更しなければ、値は完全に表示されますが、y軸の修飾子の行を追加すると、値はy軸に表示されます。c3.js timeseriesグラフのパーセンテージy軸

これはコードである:https://jsfiddle.net/3pssrmjm/

これは、y軸変更子コードである:

axis:{ 
     y: { 
      tick:{ 
       format: d3.format('%') 
      } 
     } 

    } 

答えて

2

小さな変化。 2つの別々の軸オブジェクトがあり、2つ目は最初のオブジェクトを上書きしていました。

chart = c3.generate({ 
    data: { 
     x: 'time', 
     xFormat: '%Y-%m-%d', 
     json: [{ 
      "time": "2016-07-27", 
      "Fehérje": 0.69, 
      "Szénhidrát": 1.22, 
      "Na": 2.47, 
      "Ca": 0.32, 
      "Ka": 0.3, 
      "Zsír": 1.46, 
      "P": 0.66 
     }, { 
      "time": "2016-07-16", 
      "Fehérje": 0.06, 
      "Szénhidrát": 0.12, 
      "Na": 1, 
      "Ca": 0.05, 
      "Ka": 0.01, 
      "Zsír": 0.02, 
      "P": 0.13 
     }, { 
      "time": "2016-07-02", 
      "Fehérje": 0.44, 
      "Szénhidrát": 0.32, 
      "Na": 2.12, 
      "Ca": 0.47, 
      "Ka": 0.7, 
      "Zsír": 0.68, 
      "P": 0.39 
     }], 
     keys: { 
      x: 'time', 
      value: ['Szénhidrát', 'Zsír', 'Na', 'Ca', 'K', 'P'] 
     } 
    }, 
    axis: { 
     x: { 
      type: "timeseries", 
      tick: { 
       format: '%m-%d' 
      } 
     }, 
     y: { 
      tick:{ 
       format: d3.format('%') 
      } 
     } 
    }, 

    line: { 
     connectNull: true 
    } 
}); 

とフィドル:https://jsfiddle.net/f47r3fxm/

+0

@dobosvok http://meta.stackexchange.com/questions/686/accepting-answer-without-upvoting – ksav

関連する問題