Javascript c3js甜甜圈图表工具提示未显示
我对C3js甜甜圈和工具提示有问题。工具提示在我的折线图中工作得很好,我不明白在这种情况下什么不起作用。 这是可待因: 我把它保持得非常简单-我试图看看什么是最好的方式来呈现一个有很多片的甜甜圈(这样就可以去掉幻灯片中的标签)。 这是密码 HTML 知道我错在哪里吗?非常感谢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
(使用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;
}
}
}