Eu consegui incorporar um painel do PowerBi em uma página da web.
Infelizmente, parece horrível. Por exemplo, o preenchimento é ridículo; O título está preso no canto superior esquerdo, que eu gostaria de remover, todo o conteúdo é carregado em um iFrame, que se eu não definir a altura e largura, torna o painel quase invisível e não responsivo ( em termos de escala de janela), nada é centrado ...
Eu tentei substituir o CSS. Por exemplo, tentei definir display: none !important; propriedade no cabeçalho (para remover o título), mas não tem efeito. Eu também tentei mudar a cor de fundo do iFrame de cinza para combinar com a cor da página, mas isso também não funcionou.
Alguém sabe como eu posso estilo meu painel de controle do PowerBI e incorporá-lo sem um iFrame (isso é possível?)?
Respostas:
0 para resposta № 1Até onde sei, no momento, não é possível incorporar nada do PowerBI a uma página da Web sem um IFrame.
Você realmente precisa de um painel, talvez um relatório faria isso? Pelo menos você poderá colocar os componentes como quiser.
0 para resposta № 2
Eu tive o mesmo problema. Consegui usar o CSS para redefinir o estilo do iFrame para relatórios e painéis.
Eu estou usando um projeto angular e adicionei o CSS ao meu componente que está exibindo o Iframe.
border-width: 0; //Removes Iframe horrible border
Eu também ajustei a altura, largura e posição.
Se você se esforçar para encontrar o elemento para alterar o CSS, use o elemento inspecionar no Chrome e teste alterando alguns CSS em cada elemento.
Consegui esconder e mudar a posição do título quando encontrei em que div estava:
visibility: hidden; //true to show
text-align: centre; //left or right