c3.js Zeitreihe Grafik mit Prozent y Achse

Question

Ich möchte die y-Achse formatieren, um Prozentsätze anzuzeigen. Wenn ich das Y-Achsenformat nicht ändere, zeigt es die Werte perfekt an, aber wenn ich die Y-Achsen-Modifikationslinien hinzufüge, erscheinen die Werte auf der Y-Achse.

Dies ist der Code: https://jsfiddle.net/3pssrmjm/

und dies ist der y-Achse Modifikator Code:

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

    } 

Answer 1

Kleine Änderung. Sie hatten zwei separate Achsenobjekte, das zweite überging das erste.

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 
    } 
}); 

Und eine Geige: https://jsfiddle.net/f47r3fxm/