ウェブページでこのようなチャートを作成するのにどれくらい時間がかかると思いますか?
JavaScriptに特に熟練していない場合は、長い時間がかかります。
しかし、良いニュースは、HighChartsフレームワークを使用する場合、10行以上のコードを使用すると、ページにそのような効果的なチャートを生成できる可能性があることです。
もちろん、その機能は、さまざまなチャート、印刷、エクスポート、比較分析など、これらよりもはるかに多くあります。
Webサイトチャート分析に使用するだけでなく、要約とデモンストレーションが目を引く必要がある場合にこれで作られたものも使用できます。 PPTを完全に放棄できます。
急いで彼の使い方を学びましょう! ! !
これが簡単なドームです:
1.ハイチャートでは、属性はコンマで区切られています
2。{}を使用して、{}で特定の属性を入力します
3。データに加えて、他の属性が一般的に使用されます。 "含む
<!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> title> </title> <script = "text/javascript" src = "http://cdn.hcharts.cn/jquery/jquery/jquery-1.8.8.min.js"> jvaspript> src = "http://cdn.hcharts.cn/highcharts/highcharts.js"> </script> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> </head> <body $( "。チャート")。highcharts({//クラスがチャートであるチャートを指定します:{type: 'line' //チャートのタイプ、列など}、タイトル:{dome01 '// chartのタイトル}、xaxis:{カテゴリー: yaxis:{title:{text: 'some' // y座標のタイトル}}、シリーズ:[{name: 'zhangsan'、//データの名前:[2,3,5,3] //特定のデータ}、{name: 'lisi'、data:[3,5,1,3]}}}} {name: 'wangwu' '、[1,5,4u'、[1,5,4u '] }); </script> </body> </html>あなたが今それを理解できないかどうかは関係ありません。ブラウザで試すことができます。将来、ハイチャートに関連する記事を更新します。興味のある友達はwulin.comを引き続きサポートできます。