Question

我对Power BI Custom可视化开发非常陌生，并试图在Power BI中创建一个自定义视觉效果，该视觉效果具有简单的文本框，并且当用户点击文本框时。他被重定向到一个新的网页。简而言之，我正在尝试为视觉添加超链接，每当用户点击它时，就会打开一个新页面。

以下是我正在使用的代码

module powerbi.extensibility.visual {
export class Visual implements IVisual {
    private svg:D3.Selection;

    constructor(options: VisualConstructorOptions) {
         this.svg=d3.select(options.element).append("svg").classed("magicbox",true);
    }

    public update(options: VisualUpdateOptions) {
         this.svg.attr({
            width:options.viewport.width,
            height:options.viewport.height
        });

        let box=this.svg.append("rect").classed("rect",true)
        box.attr({
            href:'www.google.com',
           x:50,
            y:50,
            width:800,
            height:800,
            fill:"white",
            stroke:"black"
        })
    }

    public destroy(): void {
    }
}

}

任何人都可以告诉我如何添加超链接？

Answer 1

现在有一个launchUrl API，用于从自定义视觉对象打开外部链接参见：https://microsoft.github.io/PowerBI-visuals/docs/how-to-guide/launching-url/

Answer 2

这已被设计禁用PowerBI forum thread：

这是因为沙盒iframe阻止了这种行为

您可以尝试按this answer：

中所述禁用沙盒

您可以通过添加此查询字符串来禁用沙盒：

?sandboxVisualsEnabled=false

请注意，出于安全原因使用它。

还可以选择使用links in a table。

在power bi中添加自定义视觉的超链接

2 个答案: