有没有办法在 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:

有没有办法在 C3js 饼图的图例上显示值和标签？

Is there a way to display the value together with the label on the legend in C3js pie chart?

javascript

d3.js

pie-chart

c3.js