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

【问题标题】：Is there a way to display the value together with the label on the legend in C3js pie chart?有没有办法在 C3js 饼图中的图例上显示值和标签？
【发布时间】：2015-09-15 21:55:33
【问题描述】：

我正在使用 c3js 在我的项目中渲染图表，我想知道是否有一种方法可以将图例上的值与标签一起显示。喜欢，

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

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

【问题讨论】：

向我们展示您的代码。一个 JSFiddle 演示将是理想的。
给你jsfiddle.net/wscfujgg

标签： javascript d3.js pie-chart c3.js

【解决方案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:

【讨论】：

当鼠标悬停在图例上时，我还需要显示工具提示。这可能吗？