Cómo usar efectos especiales js para hacer polilí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: lt;html?lang="en"gt;
lt; p>lt; script?type="text/javascript"?src="/jquery/jquery-1.8.3.min.js"gt;lt;/scriptgt;
lt;script?type= "text/javascript "?src="/highcharts/highcharts.js"gt;lt;/scriptgt;
lt;script?type="text/javascript"?src="/highcharts/exporting. js"gt; lt;/scriptgt;
lt;scriptgt;
$(función?()?{
$('#contenedor'). highcharts({
gráfico:?{
tipo:?'línea'
},
título:?{
texto: ?'¿Temperatura?promedio mensual'
},
subtítulo: ?{
texto: ?'Fuente: ?WorldClimate. com'
},
xEje: ?{
categorías: ?['Ene', ?'Feb', ?'Mar', ?'Abr ', ?' mayo', 'jun', 'jul', 'agosto', 'septiembre', 'octubre', 'nov', 'diciembre']
},
yEje:?{
título:?{
texto:?'¿Temperatura?(°C)'
}
} ,
información sobre herramientas: ?{
habilitado: ?falso,
formateador: ?función()?{
retorno ?'lt ;bgt;' ?este.nombre.de.serie? 'lt;/bgt;lt;br/gt;' este.x? ':?'
},
plotOptions:?{
línea:?{
dataLabels:?{
habilitado :?true
},
enableMouseTracking:?false
}
},
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:? 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
}
});
lt;/scriptgt;
lt;/headgt;<
/p>
lt;bodygt;
lt;div?id="contenedor"?style="ancho mínimo: 700px; alto: 400px"gt;lt;/divgt;
lt;/bodygt;
lt;/htmlgt;