ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery プラグイン FusionCharts は円グラフを描画します

jQuery プラグイン FusionCharts は円グラフを描画します

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-19 16:26:212521ブラウズ

今回は円グラフを描画するためのjQueryプラグインFusionChartsを紹介します。jQueryプラグインFusionChartsで円グラフを描画する際の注意事項は何ですか?実際のケースを見てみましょう。

1. パレート図の特徴と他のグラフとの共通点を理解する

2. パレート図ページに導入されるグラフの種類とページへの導入方法を設計する

index.html:

nbsp;html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


<meta>
<title>FusionCharts Pareto2D图</title>
<script></script>
<script></script>
<script>
$(function(){
 var pareto2D = new FusionCharts( "FusionCharts/Pareto2D.swf", "pareto2DId", "100%", "540", "0" );
 pareto2D.setXMLUrl("pareto2D.xml");
 pareto2D.render("pareto2DChart");
});
</script>


  <p></p>

pareto2D.xml: 3. パレート図のデータ ソースを設計します

<?xml  version="1.0" encoding="UTF-8"?>
<chart>
  <set></set>
  <set></set>
  <set></set>
  <set></set>
  <set></set>
  <set></set>
  <set></set>
</chart>

jQuery プラグイン FusionCharts は円グラフを描画します

この記事の事例を読んだ後は、方法を習得したと思います。さらに興味深い情報については、php 中国語の Web サイト

その他関連を参照してください。記事!

推奨読書:

jQuery は単一行のアナウンスカルーセルを実装します

jQuery プラグイン拡張機能の使用方法の詳細な説明

jQuery がブラウザのバージョンを決定する方法

以上がjQuery プラグイン FusionCharts は円グラフを描画しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。