自定義C3JS傳說。我如何添加文本和新行？

Question

標題很清楚。我有9個數據，我需要數據1在圖例的第一行，然後是第二行中包含文本的行，然後是第三行中的其餘數據（請參閱圖像）。

var chart = c3.generate({ 
    bindto: '#chart', 
    data: { 
     columns: [ 
      ['data1', 30], 
      ['data2', 130], 
      ['data3', 230], 

      ['data4', 120], 
      ['data5', 50], 
      ['data6', 20], 

      ['data7', 30], 
      ['data8', 130], 
      ['data9', 230] 
     ], 
     type: 'bar', 
    }, 
    grid: { 
     y: { 
      lines: [{value:0}] 
     } 
    } 
}); 

https://jsfiddle.net/vL23rbkz/9/

我需要什麼：

Answer 1

在c3.js的文檔是一個例子custom legend它可以幫助你。您看起來像是在展示默認圖例：false屬性，但在此之後，您對如何擁有圖例充滿了權力。祝你好運:)