Javascript 带有工具提示的FusionCharts
我正在使用FusionCharts实现带有锚点的折线图,希望在鼠标悬停时看到工具提示。 Standart工具提示是浮动的,而不是固定的。有这种可能性吗? 工具提示文本存储在数据集中。我该怎么做呢?Javascript 带有工具提示的FusionCharts,javascript,fusioncharts,Javascript,Fusioncharts,我正在使用FusionCharts实现带有锚点的折线图,希望在鼠标悬停时看到工具提示。 Standart工具提示是浮动的,而不是固定的。有这种可能性吗? 工具提示文本存储在数据集中。我该怎么做呢? 通过使用引导弹出窗口、jQuery和FusionCharts事件解决了此问题: "events": { "drawComplete": function (eventObj) { let lineDataset = eventOb
通过使用引导弹出窗口、jQuery和FusionCharts事件解决了此问题:
"events": {
"drawComplete": function (eventObj) {
let lineDataset = eventObj.sender.args.dataSource.dataset.filter(function (dataset){return dataset.renderAs === 'line' && dataset.data.length > 0})[0];
let dataPlots = lineDataset.data.filter(function (obj) { return obj.anchorRadius != "0" });
var targetImages = $('g[class$="-line"] g[class$="-plot-group"]:last-child').prev().find("image:visible");//Linechart visible Anchors
//Built-in FusionCharts tooltip cannot be styled properly and anchored so we have to use bootstrap popover
targetImages.each(
function (index, image) {
$(image).popover({
content: dataPlots[index].tooltext,
placement: 'right',
trigger: 'hover'
})
}
);
}
}
我认为核心库不支持这种定制,但您可以将邮件发送到support@fusioncharts.com,他们可以为您提供定制解决方案。