Question

我正在尝试在我的应用程序中实现饼图，但饼图工具提示未在鼠标悬停中显示

下面是我的代码

<link rel="icon"  href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.2/c3.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.2/c3.min.js" ></script>


<div id="chart"></div>

<script>
var chart = c3.generate({
    bindto:'#chart',
    data: {
        columns: [
            ['data1', 30],
            ['data2', 50]
        ],
        type: 'pie'
    },
    pie: {
        label: {
            format: function (value, ratio, id) {
                return value;
            }
        }
    },
      tooltip: {
      format: {
          title: function (d) { return 'Data ' + d; },
          value: function (value, ratio, id) {
                  return value;
          }
//            value: d3.format(',') // apply this format to both y and y2
      }
  },
});
</script>

我为同样创造了小提琴，下面是网址

https://jsfiddle.net/alokranjan39/sf9xL7m4/3/

Answer 1

包括以下css似乎使工具提示重新出现，但并未完全修复

g.c3-chart g.c3-event-rects rect.c3-event-rect {
  pointer-events: none;
}

Answer 2

您可以直接回滚到5月18日更新的先前版本v0.4.23，而无需进行肮脏的修改（禁用条形图等工具提示）。

没有更多的更改，只有实验性的东西无法正常工作，但是其余的基本图表都可以正常工作。这是链接-> https://github.com/c3js/c3/releases/tag/v0.4.23

C3.js饼图工具提示未显示

2 个答案: