Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/python-2.7/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript c3js甜甜圈图表工具提示未显示_Javascript_Tooltip_C3.js_Donut Chart - Fatal编程技术网

Javascript c3js甜甜圈图表工具提示未显示

Javascript c3js甜甜圈图表工具提示未显示,javascript,tooltip,c3.js,donut-chart,Javascript,Tooltip,C3.js,Donut Chart,我对C3js甜甜圈和工具提示有问题。工具提示在我的折线图中工作得很好,我不明白在这种情况下什么不起作用。 这是可待因: 我把它保持得非常简单-我试图看看什么是最好的方式来呈现一个有很多片的甜甜圈(这样就可以去掉幻灯片中的标签)。 这是密码 HTML 知道我错在哪里吗?非常感谢 (使用D34.13.0和C3 0.6.1)为C3的github上的类似问题提供了解决方案 在CSS中添加以下内容 g.c3-chart { g.c3-event-rects { rect.c3-event-re

我对C3js甜甜圈和工具提示有问题。工具提示在我的折线图中工作得很好,我不明白在这种情况下什么不起作用。 这是可待因:

我把它保持得非常简单-我试图看看什么是最好的方式来呈现一个有很多片的甜甜圈(这样就可以去掉幻灯片中的标签)。 这是密码 HTML

知道我错在哪里吗?非常感谢


(使用D34.13.0和C3 0.6.1)

为C3的github上的类似问题提供了解决方案 在CSS中添加以下内容

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

这样一来,C3js的特定版本就出现了问题。


现在已经合并并解决了。最好的解决方案是使用最新版本,即0.6.7

这将打破条形图上的工具提示。我不使用条形图,所以对我来说没关系。这让我觉得这是C3中的一个bug,应该在github上公布。这里有一个等待合并的PR。
  var chart = c3.generate({
  bindto: d3.select('#chart'),
  size: {
        width: 500
      },
  data:{
  columns: [
        ['data1', 30],
        ['data2', 120],
        ['data3',45],
        ['data120', 30],
        ['data121', 120],
        ['data311',56],
        ['data4', 30],
        ['data5', 120],
        ['data6',45],
         ['data7', 20],
        ['data8', 90],
        ['data9',45],
        ['data10', 30],
        ['data11',38],
        ['data12',33]
    ],
   type : 'donut'
  },
  donut:{
    label: {show:false  }
   },
   tooltip:{show:true},
   legend: {
    position:'right'
    }
  });
g.c3-chart {
  g.c3-event-rects {
    rect.c3-event-rect {
      pointer-events: none;
   }
 }
}