Use eCharts un total de tres pasos.

Hoy en día, los usos del proyecto eCharts hacen estadísticas;

Resumirse como sigue:

eCharts es los proyectos de código abierto Apache, especialmente fácil de usar, se puede hacer todo tipo de gráficos;

Ir a buscar a los eCharts sitio web oficial: https://www.echartsjs.com/zh/index.html

archivo de referencias de proyectos echarts.js

Use eCharts total de tres pasos:

El primer paso: inicializar un gráfico

var MYCHART = echarts.init (document.getElementById ([ID]));

Parte II: hacer una opción

las opciones = {

    ejeX: {type: 'categoría', los datos: [ 'Mon', 'mar', 'Wed', 'Jue', 'vie', 'Sat', 'Sun']},

    eje Y: {type: 'valor'},

    la serie: [{datos: [820, 932, 901, 934, 1290, 1330, 1320], tipo: 'línea'}]

};

Parte III: la opción de carga en

myChart.setOption (opción);

 

[Nota]

1. tabla, debe ser colocado en un alto grado de control de los padres

2. opción tiene una variedad de atributos, los ajustes detallados directamente a la red y un ejemplo de API oficial, es a la fuerza, entonces no puede encontrar Baidu;

3. forma de diagrama de adaptación, el blog de referencia: https://blog.csdn.net/YLH19970086/article/details/80071823

    window.onresize = function () {for (var i = 0; i <charts.length; i ++) {gráficos [i] .resize;}}

Publicado ocho artículos originales · ganado elogios 10 · Vistas a 10000 +

Supongo que te gusta

Origin blog.csdn.net/pujinhong0412/article/details/104902568
Recomendado
Clasificación