Javascript 饼图气球

Javascript 饼图气球,javascript,charts,pie-chart,amcharts,Javascript,Charts,Pie Chart,Amcharts,我在使用饼图气球时遇到困难。我将链接放在气球上,但当我在气球上悬停时,气球一直闪烁 如何防止气球闪烁 var chart=AmCharts.makeChart(“chartdiv”{ “类型”:“馅饼”, “主题”:“光”, “数据提供者”:[{ “状态”:“已完成”, “价值”:100, “颜色”:“#33cc33” }, { “状态”:“正在进行中”, “价值”:59, “颜色”:“#1a53ff” }, { “状态”:“采购前”, “价值”:36, “颜色”:“ff0066” }, {

我在使用饼图气球时遇到困难。我将链接放在气球上,但当我在气球上悬停时,气球一直闪烁

如何防止气球闪烁

var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“馅饼”,
“主题”:“光”,
“数据提供者”:[{
“状态”:“已完成”,
“价值”:100,
“颜色”:“#33cc33”
}, {
“状态”:“正在进行中”,
“价值”:59,
“颜色”:“#1a53ff”
}, {
“状态”:“采购前”,
“价值”:36,
“颜色”:“ff0066”
}, {
“状态”:“DED准备”,
“价值”:40,
“颜色”:“cc66ff”
}, {
“状态”:“准备中/尚未启动”,
“价值”:23,
“颜色”:“#999666”
}, {
“状态”:“暂停”,
“价值”:34,
“颜色”:“663300”
}, {
“状态”:“已取消”,
“价值”:23,
“颜色”:“ff0000”
}, {
“状态”:“还没有状态”,
“价值”:21,
“颜色”:“ffff66”
}],
“起始持续时间”:1,
“气球”:{
//“hideBalloonTime”:1000,//1秒
“disableMouseEvents”:false,//允许单击
“固定位置”:真
},
“valueField”:“value”,
“标题字段”:“状态”,
“颜色字段”:“颜色”,
“大纲图A”:0.4,
“深度3D”:30,
“BallooText:“[[title]]
[[value]]([[percents]]]%)
”, “角度”:50, “出口”:{ “已启用”:真 } } );
#chartdiv{
宽度:100%;
高度:600px;
}

svg>g>g:last child{pointer events:none}
添加到CSS文件中,看起来它工作正常

检查以下工作代码:

var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“馅饼”,
“主题”:“光”,
“数据提供者”:[{
“状态”:“已完成”,
“价值”:100,
“颜色”:“#33cc33”
}, {
“状态”:“正在进行中”,
“价值”:59,
“颜色”:“#1a53ff”
}, {
“状态”:“采购前”,
“价值”:36,
“颜色”:“ff0066”
}, {
“状态”:“DED准备”,
“价值”:40,
“颜色”:“cc66ff”
}, {
“状态”:“准备中/尚未启动”,
“价值”:23,
“颜色”:“#999666”
}, {
“状态”:“暂停”,
“价值”:34,
“颜色”:“663300”
}, {
“状态”:“已取消”,
“价值”:23,
“颜色”:“ff0000”
}, {
“状态”:“还没有状态”,
“价值”:21,
“颜色”:“ffff66”
}],
“起始持续时间”:1,
“气球”:{
//“hideBalloonTime”:1000,//1秒
“disableMouseEvents”:false,//允许单击
“固定位置”:真
},
“valueField”:“value”,
“标题字段”:“状态”,
“颜色字段”:“颜色”,
“大纲图A”:0.4,
“深度3D”:30,
“BallooText:“[[title]]
[[value]]([[percents]]]%)
”, “角度”:50, “出口”:{ “已启用”:真 } });
#chartdiv{
宽度:100%;
高度:600px;
}
svg>g>g:最后一个孩子{
指针事件:无
}

对于饼图中的链接,引出序号不是最佳选择,因为一旦将光标从切片移到引出序号上,就会出现闪烁,单击引出序号之前,闪烁就会消失。没有禁用此行为的设置。如果您需要引出序号中的链接,请在图表配置的顶层设置足够大的数量(注释代码将此设置为引出序号对象级配置,这是不正确的)。请注意,如果用户将鼠标悬停在气球上太长时间,“闪烁”仍然会发生

var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“馅饼”,
“主题”:“光”,
“hideBalloonTime”:2000,//此处设置hideBalloonTime。以毫秒为单位的值
“数据提供者”:[{
“状态”:“已完成”,
“价值”:100,
“颜色”:“#33cc33”
}, {
“状态”:“正在进行中”,
“价值”:59,
“颜色”:“#1a53ff”
}, {
“状态”:“采购前”,
“价值”:36,
“颜色”:“ff0066”
}, {
“状态”:“DED准备”,
“价值”:40,
“颜色”:“cc66ff”
}, {
“状态”:“准备中/尚未启动”,
“价值”:23,
“颜色”:“#999666”
}, {
“状态”:“暂停”,
“价值”:34,
“颜色”:“663300”
}, {
“状态”:“已取消”,
“价值”:23,
“颜色”:“ff0000”
}, {
“状态”:“还没有状态”,
“价值”:21,
“颜色”:“ffff66”
}],
“起始持续时间”:1,
“气球”:{
//“hideBalloonTime”:1000,//不在此处
“disableMouseEvents”:false,//允许单击
“固定位置”:真
},
“valueField”:“value”,
“标题字段”:“状态”,
“颜色字段”:“颜色”,
“大纲图A”:0.4,
“深度3D”:30,
“BallooText:“[[title]]
[[value]]([[percents]]]%)
”, “角度”:50, “出口”:{ “已启用”:真 } } );
#chartdiv{
宽度:100%;
高度:600px;
}


能否发布源代码的工作代码片段?您可以使用codepen/jsfiddle/plunker或其他类似工具service@VicJordan先生,我已经把密码贴在密码笔上了,谢谢,也许这是件好事。饼图很少是信息数据可视化的最佳图表。请尝试其他图表,如水平条形图。它们更容易理解。谢谢你,但它仍在闪烁,我正试图找到另一个解决方案,但我找不到。@Darsil,但对我来说,它不会闪烁。您是如何检查的?@VicJordan-它不适用于代码段示例。只需全屏查看即可。