¿Cómo utilizar efectos especiales js para hacer un gráfico de líneas en HTML?
Es posible utilizar js nativo escrito por usted mismo o una biblioteca js (framework). Dado que actualmente no todos los navegadores soportan perfectamente HTML5, usar una biblioteca js con buena compatibilidad es una buena opción.
Por ejemplo, la biblioteca de iconos Highcharts puede realizar varios tipos de gráficos de curvas, gráficos de líneas, gráficos de áreas, gráficos 3D, gráficos de barras, etc. Referencia de uso específica:/demo/index.php.
El código de demostración para crear gráficos de líneas en Highcharts se puede utilizar como referencia:
$(función?()?{
$('#container').highcharts({
gráfico:?{
tipo:?'línea'
} ,
título:?{
texto:?'¿Mensual?¿Temperatura promedio?'
},
subtítulo:?{
texto:?'Fuente:?WorldClimate.com'
},
xEje:?{
categorías:?['Enero ',?' febrero',?'mar',?'abr',?'mayo',?'jun',?'jul',?'ago',?'septiembre',?'oct',?'nov ',?' Dec']
},
yEje:?{
título:?{
texto:?'Temperatura ?(°C )'
}
},
información sobre herramientas:?{
habilitado:?false,
formateador :?función()?{
retorno?''+?este.nombre.de.serie?+'
'+este.x?+ ':?' +?this.y?+'°C';
}
},
plotOptions:?{
línea:? {
dataLabels:?{
enabled:?true},
enableMouseTracking:?false
} p>
},
serie:?[{
nombre:?'Tokio',
datos:?[7.0,?6.9,? 9.5,?14.5 ,?18.4,?21.5,?25.2,?26.5,?23.3,?18.3,?13.9,?9.6]
},?{
nombre:? 'Londres',
datos:?[3.9,?4.2,?5.7,?8.5,?11.9,?15.2,?17.0,?16.6,?14.2,?10.3,?6.6,?4.8]
}]
});
});
¿Qué tal e="min-width:700px;height:400px">