Combien de temps pensez-vous qu'il faudra pour créer un tableau comme celui-ci dans une page Web?
Cela prend beaucoup de temps, si vous n'êtes pas particulièrement qualifié en JavaScript.
Mais la bonne nouvelle est que si vous utilisez le cadre HighCharts, plus de dix lignes de code peuvent vous permettre de générer de tels graphiques efficaces sur la page.
Bien sûr, ses fonctions sont bien plus que celles-ci, telles que divers graphiques, l'impression, l'exportation et l'analyse comparative.
Il peut non seulement être utilisé pour l'analyse des dossiers de sites Web, mais aussi les choses faites avec cela lorsqu'il y a un résumé et une démonstration doit être accrocheur. Vous pouvez abandonner complètement PPT.
Alors dépêchez-vous et apprenez à l'utiliser! ! !
Voici un simple dôme:
1. Dans HighChart, les attributs sont séparés par des virgules
2. Utilisez {} dans un grand attribut, remplissez l'attribut spécifique dans {}
3. En plus des données, d'autres attributs sont généralement utilisés. "Inclure
<! Doctype html> <html lang = "en"> <éad> <meta charset = "utf-8"> <itle> title </ title> <script type = "text / javascript" src = "http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"> </ script> src = "http://cdn.hcharts.cn/highcharts/highcharts.js"> </ script> <meta http-equiv = "contenu-type" contenu = "Text / html; charset = utf-8"> </ad> <body> <v> </ div> <cript> $ (fonction () {) $ (". Chart"). HighCharts ({// spécifiez le graphique où la classe est graphique: {type: 'line' // le type du graphique et de la colonne, etc.}, titre: {text: 'dome01' // Yaxis: {Title: {Text: 'Some' // Le titre de Y coordonnées}}, série: [{name: 'Zhangsan', // le nom des données: [2,3,5,3] // Données spécifiques}, {nom: 'Lisi', données: [3,5,1,3]}, {nom: 'wangwu', data: [1,4,}, {name: 'wangwu', data: [1,4,}, {nom });}); </ script> </ body> </ html>Peu importe si vous ne pouvez pas le comprendre maintenant. Vous pouvez l'essayer dans votre navigateur. Je mettrai à jour les articles liés à HighCharts à l'avenir. Les amis intéressés peuvent continuer à soutenir wulin.com.