0
143
ViewsEl lienzo no se muestra a pesar de que el código está allí
Estoy tratando de mostrar un indicador en mi Magic Mirror Dashboard en mi módulo mediante programación.
El siguiente es un ejemplo de mi código:
var indoorGauge = document.createElement('canvas'); indoorGauge.id = 'indoorGauge'; ... indoorGauge.setAttribute('data-animation-target','plate'); indoorPressure.appendChild(indoorGauge); insideTele.appendChild(indoorPressure); wrapper.appendChild(insideTele);El indicador no muestra ni renderiza. Lo que encuentro extraño es que cuando inspecciono el elemento, el lienzo está allí y funciona, porque cuando corto el elemento y lo vuelvo a pegar, ¡aparecerá y funcionará perfectamente!
Si 'corto' y 'pego' el elemento de lienzo anterior, el indicador se mostrará bien.
1 answers
Answer question0
De acuerdo con la documentación , debe usar su API si desea cargar un indicador con Javascript.
const indoorGauge = document.createElement('canvas'); indoorGauge.id = "indoorGauge" document.body.appendChild(indoorGauge); new LinearGauge({ renderTo: 'indoorGauge' }).draw(); <script src="https://unpkg.com/canvas-gauges@2.1.7/gauge.min.js"></script>Me imagino que debido a que está agregando el lienzo con Javascript, pero no está usando la API de calibre, es por eso que está viendo problemas con el script que no selecciona su elemento de lienzo creado dinámicamente la primera vez que lo agrega