0

フュージョンチャートは初めてですが、同じページでチャートとウィジェットの両方を使用していました。そして、swfファイルではなくJavascriptチャートを使用しています。どちらもチャートを生成するための関数名は同じですが、コードが異なるため、使用するjsファイルの選択に関していずれか1つを取得できました。

コード：

var myChart1 = new FusionCharts( "Thermometer", "ChId2", "130", "280", "0", "1" );
myChart1.setDataURL("xml/thermo.xml");
myChart1.render("thermo");


var chart = new FusionCharts("Line", "ChartId", "300", "300", "0", "1");
chart.setDataURL("xml/line.xml");      
chart.render("chartdiv");

同じページで両方を使用するにはどうすればよいですか？

4

2 に答える 2

3

「FusionCharts.HC.js」、「jquery.min.js」、「FusionCharts.HC.Charts.js」、「 FusionCharts.HC.Widgets.js 」が「 FusionCharts.js」と同じフォルダに保存されていることを確認してください"同じページにJavaScriptバージョンのチャートとウィジェットをレンダリングしている間。

最新のFusionChartsXTService Release 4パックの一般的な3つのファイル、「FusionCharts.js」、「FusionCharts.HC.js」、「jquery.min.js」を使用できます。

于 2012-09-25T07:46:55.440 に答える
3

XT以降、FusionChartsは、FusionCharts Suite XTの4つのコアパック（FusionCharts XT、FusionWidgets XT、FusionMaps XT、PowerCharts XT）のいずれかに存在するチャート、ゲージ、マップをレンダリングするための統合JavaScriptフレームワークを考案しました。

この統合フレームワークはFusionChartsJavaScriptクラスと呼ばれ、JavaScriptモジュールは、以下に示すように、パックに基づいてさまざまなファイルに分散されます（一部はすべてのパックに共通で、一部はパック固有です）。

A. FusionCharts XT：

  1. FusionCharts.js
  2. FusionCharts.HC.js
  3. FusionCharts.HC.Charts.js
  4. jquery.min.js

B. FusionWidgets XT：

  1. FusionCharts.js
  2. FusionCharts.HC.js
  3. FusionCharts.HC.Widgets.js
  4. jquery.min.js

C. PowerCharts XT：

  1. FusionCharts.js
  2. FusionCharts.HC.js
  3. FusionCharts.HC.PowerCharts.js
  4. jquery.min.js

D. FusionMaps XT：

  1. FusionCharts.js
  2. FusionCharts.HC.js
  3. FusionCharts.HC.Maps.js
  4. jquery.min.js
  5. 個々のマップ定義のJavaScriptファイル（例：世界地図の場合）ファイルの名前はFusionCharts.HC.world.js

i）上記のリストから、、FusionCharts.js（FusionCharts.HC.jsおよびjquery.min.js）は4つのパックすべてに共通であることがわかるため、4つのパックのいずれかからこれらのファイルを安全に使用できます。ただし、FusionChartsチームは最新のFusionCharts.jsおよびを使用することをお勧めしますFusionCharts.HC.js。

ii）どれが最新かを知るために、これらの各ファイルの上部にあるバージョン文字列からビルド番号を追跡できます。ビルド番号では、バージョン文字列の最後の部分を参照しています。たとえば、のようなバージョン文字列がある場合@version fusioncharts/3.2.4-release.8565は8565、ビルド番号です。ビルド番号が大きいほど、更新され、最新になります。

iii）これらの3つのファイルは、4つのコアパックのいずれかからJavaScriptチャート/ゲージ/マップをレンダリングするために不可欠です。これらのファイルは、できれば単一のフォルダーに配置する必要があります。

FusionCharts.HC.Charts.jsiv） FusionCharts XTパックに存在するJavaScriptチャート（Column2D、Scatter、Pareto2D、Pie3Dなど）をレンダリングするには、パック固有のファイルが必要です。したがって、折れ線グラフ（FusionCharts XTパックの一部）をレンダリングする場合は、このファイルも上記の（ポイントiiiの）ファイルと一緒に配置する必要があります。

FusionCharts.HC.Widgets.jsv） FusionWidgets XT Packに存在するJavaScriptチャートおよびゲージ（SparkLine、Thermometer、HBullet、Funnelなど）をレンダリングするには、パック固有のファイルが必要です。したがって、温度計ゲージ（FusionWidgets XTパックの一部）をレンダリングする場合は、このファイルを上記の（ポイントiiiの）ファイルと一緒に配置する必要があります。

FusionCharts.HC.PowerCharts.jsvi） PowerCharts XT Packに存在するJavaScriptチャート（Spline、DragColumn、LogMSColumn2D、DragNode、SelectScatterなど）をレンダリングするには、パック固有のファイルが必要です。したがって、スプラインチャート（PowerChats XTパックの一部）をレンダリングする場合は、このファイルを上記の（ポイントiiiの）ファイルと一緒に配置する必要があります。

vi）FusionCharts.HC.Maps.jsJavaScriptマップをレンダリングするには、パック固有のファイルが必要です。マップをレンダリングする場合は、このファイルを上記の（ポイントiiiの）ファイルと一緒に配置する必要があります。さらに、マップごとに（World、USA、Europe、Texasなど）、マップの地域定義データを含む個別のJavaScriptファイルがあります。また、これらの個々のマップ定義ファイル（FusionCharts.HC.world.jsまたはなどFusionCharts.HC.texas.js）を、上記の（ポイントiiiの）ファイルと一緒に配置する必要があります。

したがって、最初に行うことは、要件に従ってファイルを適切に配置することです。

さて、他の重要なこと：

タグを介してこれらすべてのJavaScriptファイルをHTMLにロードする必要はありません<script>。HTMLだけをロードする必要がFusionCharts.jsあり、残りのファイルは、レンダリングするチャート/マップタイプに従って自動的に/動的にロードさFusionCharts.jsれます。

ただし、繰り返しになりますが、すべてのJavaScriptファイルは、FusionCharts.js動的にアクセスしてロードできるように、フォルダー内に物理的に存在する必要があります。

これらの手順を完了すると、同じコンストラクター関数を使用して、チャート、ゲージ、またはマップをレンダリングできます。ここで注意する必要があるのは、指定しているチャート/ゲージ/マップのタイプと、チャート/ゲージ/マップに正しいデータを提供しているかどうかだけです。

于 2012-09-25T08:28:19.153 に答える