Come posso aggiungere un titolo al grafico c3.js

Question

Qualcuno può suggerirmi il modo di aggiungere il titolo alla riga C3.js e ai grafici a barre? Ho il seguente esempio ma è per grafico di gauge. Per qualsiasi grafico c3 c'è qualche opzione per impostare il titolo del grafico?

donut: { 
    title: 'Title' 
} 

Answer 1

È necessario tornare a utilizzare D3 per aggiungere un titolo del grafico. Qualcosa del tipo:

d3.select("svg").append("text") 
    .attr("x", 100) 
    .attr("y", 50) 
    .style("text-anchor", "middle") 
    .text("Your chart title goes here"); 

Answer 2

inoltre non è stato in grado di trovare un modo e ha finito per scrivere il titolo come unità e modificare l'etichetta.

gauge: { 
     label: { 
      format: function(value, ratio) { 
       return "%"+value; 
      }, 
      show: true // to turn off the min/max labels. 
     }, 
    min: 0, 
    max: 100, 
    units: "Overall Profit" 
// width: 39 // for adjusting arc thickness 
    }, 

Answer 3

Sto usando questo codice per la mia tabella.

Codice:

var chart = c3.generate({ 
     data: { 
      columns: [ 
       ['Monday', 70], 
       ['TuesDay', 20], 
       ['Wednesday', 30], 
       ['Thursday', 50], 
       ['Friday', 100] 
      ], 
      type: 'donut' 
     }, 
     donut: { 
      title: "usage " 
     } 
    }); 

Risultato:

Answer 4

Questo è stato un buon risultato google, così ho pensato di aggiungere che questo è ormai parte della libreria:

title: { 
    text: 'My Title' 
} 

Ulteriori informazioni @https://github.com/masayuki0812/c3/pull/1025