¿Cuánto tiempo crees que llevará crear un gráfico como este en una página web?
Toma mucho tiempo, si no es particularmente experto en JavaScript.
Pero la buena noticia es que si usa el marco HighCharts, más de diez líneas de código pueden permitirle generar gráficos tan efectivos en la página.
Por supuesto, sus funciones son mucho más que estas, como varios gráficos, impresión, exportación y análisis comparativo.
No solo se puede utilizar para el análisis de la tabla de sitios web, sino que también las cosas hechas con esto cuando hay algún resumen y demostración debe ser llamativo. Puedes abandonar por completo el PPT.
¡Así que date prisa y aprende a usarlo! ! !
Aquí hay una cúpula simple:
1. En Highcharts, los atributos están separados por comas
2. Use {} en un atributo grande, complete el atributo específico en {}
3. Además de los datos, generalmente se usan otros atributos. "Incluir
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> title </title> <script type = "text/javascript" src = "http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"> </script> <script> <script> <script> <script> <script> "script" src = "http://cdn.hcharts.cn/highcharts/highcharts.js"> </script> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> </head> <body> <div> </div> <script> $ (function () {) $(".chart").highcharts({ //Specify the chart where the class is chart:{ type:'line' //The type of the chart, and column, etc.}, title:{ text:'Dome01' //The title of the chart}, xAxis:{ categories:['A','B','C','D'] //The grouping of x coordinates}, yaxis: {title: {Text: 'Some' // El título de las coordenadas y}}, series: [{nombre: 'zhangsan', // El nombre de los datos: [2,3,5,3] // datos específicos}, {nombre: 'lisi', datos: [3,5,1,3]}, {nombre: 'wangwu', datos: [1,4,2,2,2,2,2,2,2,2,]}] });}); </script> </body> </html>No importa si no puedes entenderlo ahora. Puedes probarlo en tu navegador. Actualizaré los artículos relacionados con HighCharts en el futuro. Los amigos interesados pueden continuar apoyando a Wulin.com.