web-dev-qa-db-ja.com

c3.jsチャートにタイトルを追加するにはどうすればよいですか

C3.jsの折れ線グラフと棒グラフにタイトルを追加する方法を教えてもらえますか？以下のサンプルを入手しましたが、ゲージチャート用です。 c3チャートの場合、チャートタイトルを設定するオプションはありますか？

donut: {
  title: 'Title'
}
chartstitlec3.js
17
smart987

グラフのタイトルを追加するには、D3を使用する必要があります。何かのようなもの：

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

これはGoogleの上位の結果だったので、これがライブラリの一部になったことを付け加えたいと思いました。

title: {
  text: 'My Title'
}

詳細情報@ https://github.com/masayuki0812/c3/pull/1025

49
dbone

チャートにこのコードを使用しています。

コード：

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

結果：

Result of my code

4
Muthamil

また、方法を見つけることができず、ユニットとしてタイトルを書き、ラベルを編集することになりました。

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
    },
3
Caner Çakmak