Wie lange dauert es Ihrer Meinung nach, um ein solches Diagramm in einer Webseite zu erstellen?
Es dauert lange, wenn Sie in JavaScript nicht besonders qualifiziert sind.
Die gute Nachricht ist jedoch, dass Sie, wenn Sie das Highcharts -Framework verwenden, mehr als zehn Codezeilen ermöglichen, solche effektiven Diagramme auf der Seite zu generieren.
Natürlich sind seine Funktionen weit mehr als diese wie verschiedene Diagramme, Druck, Export und Vergleichsanalyse.
Es kann nicht nur für die Website-Diagrammanalyse verwendet werden, sondern auch für die Dinge, die damit hergestellt werden, wenn eine Zusammenfassung vorliegt und die Demonstration auffällig sein muss. Sie können PPT vollständig verlassen.
Also beeilen Sie sich und lernen Sie, wie man ihn benutzt! ! !
Hier ist eine einfache Kuppel:
1. In Highcharts werden Attribute durch Kommas getrennt
2. Füllen Sie das spezifische Attribut in {} in {} in {} ein.
3. Zusätzlich zu Daten werden im Allgemeinen andere Attribute verwendet. "Enthalten
<! DocType html> <html Lang = "en"> <kopf> <meta charset = "utf-8"> <title> tital </title> <script type = "text/javascript" src = "http://cdn.hcharts.cn/jquery/jquery/jquery/jquery/8.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.MIN. 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' //The title of y Koordinaten}}, Serie: [{Name: 'Zhangsan', // Der Name der Daten: [2,3,5,3] // Spezifische Daten}, {Name: 'Lisi', Daten: [3,5,1,3]}, {Name 'Wangwu', Daten: [3,5,6,3]}]}); }); </script> </body> </html>Es spielt keine Rolle, ob Sie es jetzt nicht verstehen können. Sie können es in Ihrem Browser ausprobieren. Ich werde die Artikel im Zusammenhang mit Highcharts in der Zukunft aktualisieren. Interessierte Freunde können weiterhin Wulin.com unterstützen.