Diseño receptivo integrado PowerBI

Hola a todos,

Estoy trabajando en un proyecto donde integramos nuestra propia aplicación con powerBI

incrustado en un iFrame. Todo funciona y se ve genial. El problema»

Lo que estoy enfrentando ahora mismo es que no responde, no se adapta de alguna manera a la

tamaño de pantalla; Se ve muy mal si se abre desde un teléfono móvil o desde pantallas de gran resolución.

Entonces, básicamente, tenía dos soluciones.

1) Compártelo como «público en la web» y realmente funcionará. Responde, pero luego pierdo un poco la parte de seguridad, especialmente porque estoy usando seguridad de nivel de fila. y también porque no se me permite hacerlo.

2) Obtenga cada mosaico del tablero y colóquelos en un div receptivo que fluirá junto con el iframe implementado dentro del div. Esta solución no es gestionable a largo plazo.

Entonces, mi pregunta es:

¿Puedo tener una colección de espacio de trabajo con un ID de espacio de trabajo y luego obtener el informe con filtros ecc? incrustado en un iframe y obtener también un diseño receptivo de él?

¡Realmente espero que alguien haya tenido un problema similar y pueda ayudarme aquí!

Gracias

@maxymibus

Suena razonable y depende del diseño que se espere.

Estimados amigos, actualmente, se requiere una versión web receptiva, los usuarios acceden a la información de datos en un 80% a través de un teléfono inteligente y un 10% en una computadora de escritorio.

asi que

En años pasados era fácil tener un móvil con acceso a datos por lo que el usuario consultaba la información vía 80% escritorio y 20% móvil.

Gracias

@maxymibus escribió:

Hola a todos,

Estoy trabajando en un proyecto donde integramos nuestra propia aplicación con powerBI

incrustado en un iFrame. Todo funciona y se ve genial. El problema»

Lo que estoy enfrentando ahora mismo es que no responde, no se adapta de alguna manera a la

tamaño de pantalla; Se ve muy mal si se abre desde un teléfono móvil o desde pantallas de gran resolución.

Entonces, básicamente, tenía dos soluciones.

1) Compártelo como «público en la web» y realmente funcionará. Responde, pero luego pierdo un poco la parte de seguridad, especialmente porque estoy usando seguridad de nivel de fila. y también porque no se me permite hacerlo.

2) Obtenga cada mosaico del tablero y colóquelos en un div receptivo que fluirá junto con el iframe implementado dentro del div. Esta solución no se gestiona a largo plazo.

Entonces, mi pregunta es:

¿Puedo tener una colección de espacio de trabajo con un ID de espacio de trabajo y luego obtener el informe con filtros ecc? incrustado en un iframe y obtener también un diseño receptivo de él?

¡Realmente espero que alguien haya tenido un problema similar y pueda ayudarme aquí!

Gracias

@maxymibus

¿Cómo se inserta el informe? ¿Puede explicar cómo su informe no responde?

El informe puede ser adaptable si se incrusta a través de la API de JavaScript de Power BI y también es receptivo. Verifique una demostración a continuación (cree un archivo html en blanco, copie y pegue el código y luego ejecútelo en Chrome).

Por cierto, no se supone que Power BI emebeded se vea desde un teléfono. Para mí, no espero que muestre un buen diseño en el teléfono móvil.

<html>

 <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/jquery/dist/jquery.js"></script>  
 <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/powerbi-client/dist/powerbi.js"></script>
 
    <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/es6-promise/es6-promise.js"></script>
    <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/bower_components/fetch/fetch.js"></script>
     

<script type="text/javascript">
window.onload = function () {
 
var embedConfiguration = {
    type: 'report',
    accessToken: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2ZXIiOiIwLjIuMCIsIndjbiI6Indya3NwY0NsbGN0bjRQQkkiLCJ3aWQiOiJiN2NmNDMzYi00MzdjLTRjYTUtOWRmMi1kOWZkODIxODI0NjEiLCJyaWQiOiI3MzQ1MDNjZi0xMzA5LTQ4OTItODU4Zi03OTFkNjJjMTU0YWQiLCJpc3MiOiJQb3dlckJJU0RLIiwiYXVkIjoiaHR0cHM6Ly9hbmFseXNpcy53aW5kb3dzLm5ldC9wb3dlcmJpL2FwaSIsImV4cCI6MTUxNDY0OTYwMCwibmJmIjoxNDgxNTI1MjQwfQ.5K18TRRyrbdn4eo5yAPkjvP5TCYg6MbnqimDt9TcxPA',
    id: '734503cf-1309-4892-858f-791d62c154ad',
    embedUrl: 'https://embedded.powerbi.com/appTokenReportEmbed?reportId=734503cf-1309-4892-858f-791d62c154ad' 
}; 

var $reportContainer = $('#reportContainer');
 
var report = powerbi.embed($reportContainer.get(0), embedConfiguration);
  
report.fullscreen();  

}
</script>

<div id="reportContainer"></div>

</html>

Hola @Eric_Zhang,

Gracias por la respuesta.

Estoy incorporando el informe correctamente y sin problemas. Desarrollé una aplicación mvc usando sdk y javascript como mencionas en el ejemplo. El informe está integrado correctamente, pero el resultado para los usuarios con diferentes tamaños de pantalla no es óptimo y sí, necesitan abrir la aplicación a través de un teléfono móvil.

El powerbi es la parte de BI de un programa más amplio que responde a diferentes tamaños de pantalla y se puede abrir desde el móvil.

Entonces, el resultado si cambia la resolución de la pantalla es:

Si inserto un informe powerbi de enlace público. Los diferentes gráficos flotan correctamente y se adaptan al tamaño de la pantalla, pero no quiero hacer un enlace compartido por motivos de seguridad.

@maxymibus escribió:

Hola @Eric_Zhang,

Gracias por la respuesta.

Estoy incorporando el informe correctamente y sin problemas. Desarrollé una aplicación mvc usando sdk y javascript como mencionas en el ejemplo. El informe está integrado correctamente, pero el resultado para los usuarios con diferentes tamaños de pantalla no es óptimo y sí, necesitan abrir la aplicación a través de un teléfono móvil.

El powerbi es la parte de BI de un programa más amplio que responde a diferentes tamaños de pantalla y se puede abrir desde el móvil.

Entonces, el resultado si cambia la resolución de la pantalla es:

Si inserto un informe powerbi de enlace público. Los diferentes gráficos flotan correctamente y se adaptan al tamaño de la pantalla, pero no quiero hacer un enlace compartido por motivos de seguridad.

No funciona por mi parte, tengo el mismo diseño cuando veo un informe «publicado en la web» en Chrome. Para ver informes en dispositivos móviles, consulte Power BI Mobile.

sí, consideraré usar la aplicación móvil como solución. Está muy bien hecho y me gusta mucho.

Incluso si estaba pensando en brindar una especie de mejor experiencia para que el usuario final use también todos los demás

funcionalidad que tiene el software desde la misma aplicación.

@ v-lvzhan-m, ¿Qué piensas si uso powerbi api para obtener mosaicos individuales del tablero y ponerlos en varios

¿cuál flotará en función de la resolución ?, ¿es una posible solución?

@maxymibus

Suena razonable y depende del diseño que se espere.

¡Hola!

¿Alguna actualización planificada para incrustar con diseños receptivos?

Revisé esto https://powerbi.microsoft.com/pt-br/documentation/powerbi-desktop-create-phone-report/

pero parece que solo funciona en la aplicación móvil o como se mencionó anteriormente, compartiendo su informe …

Creo que esta es una actualización importante, ya que cualquier aplicación web de hoy TIENE que ser receptiva.

Gracias

¡Hola!

¿Hay alguna actualización sobre este tema? Compartí mi informe con un diseño receptivo, pero todavía no funciona en una web incrustada, pero la aplicación móvil Power Bi funciona bien.

Gracias.

Entradas relacionadas

Deja un comentario Cancelar respuesta