Gráfico de linha de série temporal de big data com um dado a cada 10 milissegundos.
Explicação do código
Este código é um exemplo de uso de echarts para desenhar gráficos dinâmicos de visualização de dados. Aqui está uma explicação detalhada do código:
-
<script src="/echarts.min.js"></script>: Introduzida a biblioteca echarts, você precisa garantir que o caminho do arquivo esteja correto. -
<div id="main1" style="height: 500px; width: 800px;"></div>: crie um elemento div como o contêiner do gráfico, defina sua altura e largura para 500px e 800px. -
<script>...</script>: Inicia um bloco de código JavaScript. -
var chartDom = document.getElementById('main1');: Obtenha o elemento cujo id é 'main1' através do método getElementById, ou seja, o container do gráfico. -
var myChart = echarts.init(chartDom);: chame o método echarts.init para inicializar a instância do gráfico e passar o contêiner do gráfico para ela. -
var option;: Defina a opção de variável para armazenar os itens de configuração do gráfico. -
var data = []: Define um array vazio para armazenar os valores dos pontos de dados dinâmicos. -
option = {...}: define os itens de configuração do gráfico,