在同一页面中使用图表和小部件

Question

我是Fusion图表的新手，我在同一页面中同时使用图表和小部件。我使用的是Javascript图表而不是swf文件。因为它们都有相同的函数名来生成图表但是在其中有不同的代码，所以我能够得到任何一个关于我使用的js文件的选择。

代码：

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");

我如何在同一页面中同时使用？

Answer 1

请确保您保存了“FusionCharts.HC.js”，“jquery.min.js”，“ FusionCharts.HC.Charts.js ”和“ FusionCharts.HC。 Widgets.js “与”FusionCharts.js“位于同一文件夹中，同时在同一页面中呈现图表和窗口小部件的JavaScript版本。

您可以使用最新的FusionCharts XT Service Release 4包中的常用3文件“FusionCharts.js”，“FusionCharts.HC.js”和“jquery.min.js”。

Answer 2

启动XT，FusionCharts提出了一个统一的JavaScript框架，用于呈现FusionCharts Suite XT的4个核心包（FusionCharts XT，FusionWidgets XT，FusionMaps XT和PowerCharts XT）中的任何一个中的图表，仪表和地图。

这个统一的框架被称为FusionCharts JavaScript Class，JavaScript模块被分发到各种文件中（有些是所有包的常见文件，有些是特定于包的），基于包如下所述：

一个。 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

℃。 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文件，例如，对于World map，文件名为FusionCharts.HC.world.js

i）从上面的列表中可以看出FusionCharts.js，FusionCharts.HC.js（和jquery.min.js）对于所有四个包都是通用的，您可以安全地使用这些文件中的任何一个四包。但是，FusionCharts团队建议使用最新的FusionCharts.js和FusionCharts.HC.js。

ii）要知道哪个是最新的，您可以从每个文件顶部的版本字符串中跟踪内部版本号。通过内部版本号，我指的是版本字符串的最后一部分。例如，如果您有@version fusioncharts/3.2.4-release.8565之类的版本字符串，则 8565 是内部版本号。构建号越大，它就越新，越新。

iii）这3个文件对于从4个核心包中的任何一个渲染JavaScript图表/仪表/地图至关重要。您需要将这些文件放在最好的单个文件夹中。

iv）需要特定于包的文件FusionCharts.HC.Charts.js来呈现FusionCharts XT Pack中存在的JavaScript图表（如Column2D，Scatter，Pareto2D，Pie3D等）。因此，如果要渲染折线图（这是FusionCharts XT包的一部分），您需要将此文件与上述（在点iii中）文件一起放置。

v）需要特定于包的文件FusionCharts.HC.Widgets.js来呈现FusionWidgets XT Pack中存在的JavaScript图表和仪表（如SparkLine，Thermometer，HBullet，Funnel等）。因此，如果您想渲染一个温度计仪表（它是FusionWidgets XT包的一部分），您需要将此文件与上述（在点iii中）文件一起放置。

vi）需要特定于包的文件FusionCharts.HC.PowerCharts.js来呈现PowerCharts XT Pack中存在的JavaScript图表（如Spline，DragColumn，LogMSColumn2D，DragNode，SelectScatter等）。因此，如果要渲染样条曲线图（它是PowerChats XT包的一部分），则需要将此文件与上述（在点iii中）文件一起放置。

vi）呈现JavaScript地图需要特定于包的文件FusionCharts.HC.Maps.js。如果要渲染任何地图，则需要将此文件与上述（在点iii中）文件一起放置。此外，对于每个地图（如世界，美国，欧洲，德克萨斯等），都有一个单独的JavaScript文件，其中包含地图区域定义数据。您还需要将这些单独的地图定义文件（如FusionCharts.HC.world.js或FusionCharts.HC.texas.js）与上述（在第iii点）文件一起放置。

---

因此，首先要按照要求正确放置文件。

现在，另一件重要的事情是：

您无需通过<script>标记在HTML中加载所有这些JavaScript文件。您需要在HTML中加载FusionCharts.js，其余部分只需加载FusionCharts.js文件将由FusionCharts.js根据您要呈现的图表/地图类型自动/动态加载。

但是，我重申：所有 JavaScript文件应该实际存在于文件夹中，以便{{1}}可以动态访问并加载它们。

---

完成这些步骤后，您可以使用相同的构造函数来渲染图表或仪表或地图。您现在需要注意的是您指定的图表/仪表/地图类型以及您是否向图表/仪表/地图提供正确的数据。