javascript - 带有工具提示的 FusionCharts
解决方案
通过使用引导弹出窗口、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'
})
}
);
}
}
推荐阅读
- php - 将项目添加到 Laravel 中的每个对象
- excel - Azure DevOps 工作项详细信息导入(包括格式)
- php - PHPMailer 不断无法发送电子邮件
- wpf - PowerShell XAML | 以编程方式更新样式失败
- python - ValueError:无法将具有超出范围整数的 Python 序列转换为张量
- snowflake-cloud-data-platform - snowsql客户端出现sql执行错误如何解决?
- html - 选中复选框时如何将标签更改为更粗体?
- swift - 在 FBSDK 的设置类中找不到 setAdvertiserTrackingEnabled?
- java - 如何在具有自动保存功能的网站上设计 api 端点?
- ruby-on-rails - 使用 BUNDLE_FROZEN