带有工具提示的FusionCharts

Question

我正在使用FusionCharts来实现带有锚点的线图，并且希望在鼠标悬停时看到工具提示。 Standart工具提示是浮动的而不是固定的。有这种可能性吗？ 工具提示文本存储在数据集中。我该如何定型？

Answer 1

通过使用引导程序弹出窗口，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'
                                })
                            }
                   );
                }
            }