Estoy tratando de inicializar un gráfico visjs . Estoy usando los datos de prueba.
var container = document.querySelector('#chart') var items = new vis.DataSet([ { start: new Date(2010, 7, 15), end: new Date(2010, 8, 2), // end is optional content: 'Test A' } ]) let options = { width: '100%', height: '200px', } this.timeline = new vis.Timeline(container, items, options) console.log(this.timeline)El gráfico parece estar inicializado, pero no se muestra nada al renderizar. He instalado el módulo a través de npm, ¿necesito importar también el css?
¿Necesito importar el css también?
Sí, puede usar un enlace CDN:
https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis-timeline-graph2d.min.css O dado que está usando NPM, importe desde la fuente, por ejemplo, usando vis/dist/vis.min.css
demostración de trabajo:
var container = document.querySelector('#chart'); var items = new vis.DataSet([ { start: new Date(2010, 7, 15), end: new Date(2010, 8, 2), // end is optional content: 'Test A' } ]); let options = { width: '100%', height: '200px' } this.timeline = new vis.Timeline(container, items, options) <link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis-timeline-graph2d.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js" rel="script"></script> <div id="chart"></div>