inserv
Hola a todos.
Tenemos un problema con la representación de la fuente DIN en nuestro visual personalizado.
Problema: la fuente DIN generada por nuestro visual personalizado no coincide con la misma fuente
(con el mismo color, tamaño …) mediante tarjeta visual incorporada.
Código:
PRUEBA ELÉCTRICA PRIVADA: D3.Selection
…
this.eleDinTest
.text («Prueba DIN»)
.style («tamaño de fuente», 20 + «pt») // o .style («tamaño de fuente», 20 + «px»)
.style («familia de fuentes», «DIN»)
.style («peso de fuente», «Normal»)
.style («relleno», «# 000000»);
¿Se requiere alguna configuración adicional de estilo y / o atributo?
Cualquier ayuda es muy apreciada.
Gracias por adelantado.
v-evelk
En respuesta a inserv
Hola,
1. La última API admite la definición estándar de la lista de fuentes
Sin embargo, agregará todas las fuentes posibles para Power BI (incluidas las que no funcionan en la zona de pruebas).
Sin embargo, la lista de fuentes se puede definir manualmente como cualquier enumeración en Capacidades.json
Desafortunadamente, no estoy familiarizado con todas las fuentes que no funcionan en sandbox, solo DIN, pero puede haber algunas otras.
Honestamente, no recomiendo definirlos manualmente porque he discutido esta pregunta con las personas que están a cargo de esta pregunta y existe la posibilidad de que estas fuentes puedan ser compatibles con sandbox en el futuro.
Además, las imágenes pueden funcionar en diferentes modos, por lo que es mejor dejar estas fuentes como están.
2. El tamaño de fuente se define en ‘pt’ (si se describe correctamente en Capacidades.json)
Sin embargo, dentro de visual, el código puede transformarlo en ‘px’ (si el desarrollador lo decide, pero el tamaño original se almacena en ‘pt’ de todos modos)
Saludos cordiales,
Evgenii Elkin,
Ingeniero de software
Elementos visuales personalizados de Microsoft Power BI
pbicvsupport@microsoft.com
dm-p
Hola @inserv,
A partir de la inspección de la imagen de la tarjeta con las propiedades predeterminadas establecidas (DIN es la fuente en el menú desplegable), se establecen los siguientes atributos de estilo:
{ text-anchor: middle; fill: rgb(51, 51, 51); font-family: wf_standard-font, helvetica, arial, sans-serif; font-size: 36px; font-weight: normal; }
Le sugiero que intente cambiar su .estilo funcionan de la siguiente manera:
.style("font-family", "wf_standard-font, helvetica, arial, sans-serif")
He tenido problemas para hacer que algunas fuentes se rendericen según otras imágenes: Segoe (Bold) es uno de esos ejemplos, pero este parece funcionar.
Aquí hay un visual personalizado producido rápidamente con su código (intercambiado con el cambio sugerido para Familia tipográfica), en comparación con la imagen de una tarjeta:
Con suerte, esto debería ser todo lo que necesita.
¡Buena suerte!
Daniel
inserv
En respuesta a dm-p
Hola Daniel,
Muchas gracias por su tiempo y ayuda.
Con la configuración de familia de fuentes sugerida, la fuente está más cerca de coincidir con la imagen de la tarjeta incorporada.
Aún así, hay una diferencia de tamaño.
A continuación se muestra una comparación de fuentes.
El lado izquierdo muestra una fuente visual personalizada con una familia de fuentes configurada como «wf_standard-font, helvetica, arial, sans-serif»
y el tamaño establecido en 26px. El lado derecho muestra el tamaño de fuente visual personalizado establecido en 26 puntos y el color de relleno como # 000000 para ambos.
Con la tarjeta incorporada se utilizan los siguientes ajustes.
Título de la tarjeta establecido como «Ventas hasta la fecha»:
Familia tipográfica: DIN
Color de fuente: negro (# 000000)
Color de fondo: sin relleno
Tamaño del texto: 26 pt
Como la solución está funcionando en su extremo, estamos verificando nuestro código visual personalizado, para ver cualquier otra configuración que cause este problema.
En caso de que tenga alguna otra sugerencia, háganoslo saber.
Gracias. Agradezco su ayuda y su tiempo.
v-evelk
En respuesta a inserv
Hola,
Si su visual funciona en modo Sandbox, la fuente DIN no se aplicará, por lo que se aplicará la siguiente fuente de la secuencia de la familia de fuentes.
La fuente DIN es una fuente no pública y se define fuera de la caja de arena, por lo tanto, solo funciona para imágenes centrales y sin iframe.
Saludos cordiales,
Evgenii Elkin,
Ingeniero de software
Elementos visuales personalizados de Microsoft Power BI
pbicvsupport@microsoft.com
inserv
En respuesta a v-evelk
Hola Evgenii Elkin,
Gracias por su respuesta, tiempo y ayuda.
Perdón por la demora en nuestra respuesta.
Algunas de nuestras imágenes están disponibles en la tienda de aplicaciones. Tenemos DIN como valor para la fuente DIN.
Estamos tratando de probar la sugerencia de Daniel.
Aprecie si puede compartir sus pensamientos sobre los siguientes.
(Mis disculpas en caso de que las preguntas estén fuera de sus límites).
1. Sería útil conocer el nombre / valor (Nombre y valor especificado en Capacidades.json) para todas las fuentes admitidas por PBI.
En caso de que tenga la lista, ¿puede compartirla?
Además, si la lista indica fuentes no públicas, las excluiremos de nuestras imágenes personalizadas por el momento.
2. ¿Sabe cómo se especifica el tamaño de fuente, px o pt, en las imágenes de PBI?
Creo que se notó un error en el tamaño de la fuente y se estaba solucionando.
Enlace de referencia relacionado:
https://community.powerbi.com/t5/Issues/Font-size-not-consistent-across-visuals/idi-p/581490
Agradezco su ayuda y su tiempo.
Gracias.
v-evelk
En respuesta a inserv
Hola,
1. La última API admite la definición estándar de la lista de fuentes
Sin embargo, agregará todas las fuentes posibles para Power BI (incluidas las que no funcionan en la zona de pruebas).
Sin embargo, la lista de fuentes se puede definir manualmente como cualquier enumeración en Capacidades.json
Desafortunadamente, no estoy familiarizado con todas las fuentes que no funcionan en sandbox, solo DIN, pero puede haber algunas otras.
Honestamente, no recomiendo definirlos manualmente porque he discutido esta pregunta con las personas que están a cargo de esta pregunta y existe la posibilidad de que estas fuentes puedan ser compatibles con sandbox en el futuro.
Además, las imágenes pueden funcionar en diferentes modos, por lo que es mejor dejar estas fuentes como están.
2. El tamaño de fuente se define en ‘pt’ (si se describe correctamente en Capacidades.json)
Sin embargo, dentro de visual, el código puede transformarlo en ‘px’ (si el desarrollador lo decide, pero el tamaño original se almacena en ‘pt’ de todos modos)
Saludos cordiales,
Evgenii Elkin,
Ingeniero de software
Elementos visuales personalizados de Microsoft Power BI
pbicvsupport@microsoft.com
inserv
En respuesta a v-evelk
Hola Evgenii Elkin,
Muchas gracias por responder y brindar detalles.
Intentaremos actualizar nuestro visual a la última versión.
Agradezco su ayuda y su tiempo.
Gracias.
dm-p
En respuesta a inserv
Hola @inserv,
Aquí está el código que usé: tomé el tuyo y agregué el estilo de inspeccionar el elemento en el navegador según mi captura de pantalla anterior, aunque modifiqué la fuente según el valor en el panel de propiedades:
this.eleDinTest .text("Test DIN") .style("font-size", "27pt") // or .style("font-size", 20 + "px") .style("font-family", "wf_standard-font, helvetica, arial, sans-serif") .style("font-weight", "normal") .style("fill", "rgb(51, 51, 51)");
Dos cosas adicionales que pueden ayudar:
- Tenga en cuenta que normal por peso de la fuente es una ‘n’ minúscula. Su ejemplo usa mayúsculas, que CSS ignorará.
- Si usa ‘pt’ frente a ‘px’ al comparar, su unidad de medida CSS tendrá una diferencia. Si está utilizando una propiedad visual como referencia, todas las principales usan ‘pt’ ahora, por lo que le sugiero que reemplace su código para que coincida con eso.
Espero que sea así. Si no es así, no dudes en publicar tu código actualizado y lo buscaré de nuevo.
Salud,
Daniel
inserv
En respuesta a dm-p
Hola Daniel,
Muchas gracias por la rápida respuesta.
Perdón por la demora en nuestra respuesta.
Probamos con un nuevo proyecto pbiviz y el problema persiste.
Para hacerlo simple, cambiamos el código en constructor () como se indicó y eliminamos el código de update ().
El tamaño fijo representado no coincide Visual tarjeta PBI.
***Código****
constructor (opciones: VisualConstructorOptions) {
this.target = options.element;
if (typeof document! == «undefined») {
const new_p: HTMLElement = document.createElement («p»);
new_p.appendChild (document.createTextNode («Ventas hasta la fecha»));
new_p.style.fontSize = «26px»;
new_p.style.fontFamily = «wf_standard-font, helvetica, arial, sans-serif»;
new_p.style.fill = «# 000000»;
new_p.style.fontWeight = «normal»;
this.target.appendChild (new_p);
}
}
actualización pública (opciones: VisualUpdateOptions) {
}
**********
Como siempre, agradezco su ayuda y su tiempo.
Gracias.
inserv
En respuesta a inserv
Hola Daniel,
Gracias por toda tu ayuda y tiempo.
Intentaremos actualizar nuestros elementos visuales a la última versión de API.
Intentaremos su sugerencia hasta que mejoremos.
Gracias y un saludo.