2

カテゴリ軸のラベル テキストが長いか、c3js グラフの複数の単語である場合、それらが重なり合って読めなくなります。この問題を修正するための構成またはハックはありますか?

c3js カテゴリ軸ラベル テキストの重なり

c3js カテゴリ軸の例

このバグを再現するには、次のコードをコピーして貼り付けます。

var chart = c3.generate({
  data: {
    columns: [
        ['data1',40, 30, 200, 100, 400, 150, 250, 50, 100, 250,67,190,48,123,76,54,254]
    ]
  },
  axis: {
    rotated: true,
    x: {
        type: 'category',
        categories: ['Travel and Hospitality','Life Science and Pharma', 'Saas and Cloud', 'Hi-tech Manufacturing', 'Software', 'Business Services', 'Govt/Public Sector', 'Energy', 'Manufacturing', 'Healthcare','Media','Internet','Retail','Biotech','Automobile','Consumer Goods','Financial Services']
    }
  }
});
4

1 に答える 1

4

以下に示すように、axis_x_tickの下の「マルチライン」設定で解決策を見つけました：-

axis: {
    rotated: true,
    x: {
        tick: {
            multiline: false,
        },
        type: 'category',
    }
 }

作業例 - 複数行の軸ラベルが無効

于 2015-01-20T08:51:22.093 に答える