有沒有辦法將值與C3js餅圖中的圖例上的標籤一起顯示？

Question

我正在使用c3js在我的項目中渲染圖表，我在想是否有方法將圖例的值與標籤一起顯示。 一樣，

Office 40% 
Home 20% 
Drive 30% 
Other 10% 

的jsfiddle：http://www.jsfiddle.net/wscfujgg

Answer 1

您可以提供自定義的傳說是這樣的c3js

d3.select('#chart').insert('div', '.chart').attr('class', 'legend').selectAll('span') 
    .data(['Office', 'School', 'Water', 'Work']) 
    .enter().append('div') 
    .attr('data-id', function (id) { return id; }) 
    .html(function (id) { return getDataValue(id); }) 
    .each(function (id) { 
     d3.select(this).style('background-color', chart.color(id)); 
    }) 
    .on('mouseover', function (id) { 
     chart.focus(id); 
    }) 
    .on('mouseout', function (id) { 
     chart.revert(); 
    }) 
    .on('click', function (id) { 
     chart.toggle(id); 
    }); 

全部工作代碼here：