echarts.js Cómo cargar varias tablas en una página Quiero cargar dos gráficos circulares, ¿por qué solo se muestra uno? ¡Ayuda!
< tipo de entrada="botón" valor="RadarEcharts" onclick="showRadar()" />
style="height :260px; ancho: 30%; alto de línea: 260px; borde: 1px azul sólido; padding-left: -80px;">[Ejemplo de gráfico de datos visuales 1...]
style="alto: 260px; ancho: 30%; alto de línea: 260px; borde: 1px verde sólido; margen superior: 0px; ">[Ejemplo de gráfico de datos visuales 1..：margin-top: 10px;">[Ejemplo de visualización de gráfico de datos 2...]
inicialización separada,.init(div);
función showLine() {
var echartBar = echarts.init(document.getElementById("stackbar") );
var opción1 = {
título:{
texto:'prueba',
subtexto:'Prueba de gráfico de líneas',
x:'centro', p>
y：arriba',
textAlign:' centro'
},
leyenda:{
datos: ['Esta Semana', 'Última Semana', 'Futura Semana'],
x: 'centro',
y: 'abajo'
},
p>información sobre herramientas:{
//show: true, se muestra de forma predeterminada si se agrega sugerencia
trigger: 'item',
axisPointer: {
mostrar: verdadero,
tipo: 'cruz',
estilo de línea: {
tipo: 'discontinuo ',
p>ancho: 1
}
}
},
xEje: {
tipo: 'categoría',
datos: ['lunes', 'martes', 'miércoles', 'jueves', 'viernes', 'sábados', 'domingos'] ,
axisLabel:{
textStyle:{
fontSize: 8
}
}
}
},
yEje: {
tipo: 'valor ',
axisLabel:{
estilo de texto:{
tamaño de fuente: 5
}
}
},
serie: {
nombre: 'Esta Semana',
tipo: 'línea',
//xAxisIndex: 1,
datos: [820, 932, 901, 934, 1290, 1330, 1320]
},
{
nombre: 'Última Semana',
tipo: 'línea',
datos: [920, 832, 801, 834, 1090, 1130, 1120]
},
{
nombre: 'FutureWeek',
tipo: 'barra',
datos: [ 520, 432, 401, 434, 690, 730, 720]
}
]
};
echartBar.hideLoading( );
echartBar.setOption(opción 1);
}
O también puedes escribirlo con una función js como esta:
var echartBar = echarts.init(document.getElementBar);url: "getFVIData.do",
tipo: 'GET',
caché: false,
tipo de datos: 'json',
éxito: función (datos) {
var opción1 = {......