从 XT 开始,FusionCharts 提出了一个统一的 JavaScript 框架来渲染 FusionCharts Suite XT 的 4 个核心包(FusionCharts XT、FusionWidgets XT、FusionMaps XT 和 PowerCharts XT)中的任何一个中的图表、仪表和地图。
这个统一的框架称为 FusionCharts JavaScript 类,JavaScript 模块基于包分布到各种文件中(有些是所有包通用的,有些是特定于包的),如下所述:
A. FusionCharts XT:
FusionCharts.js
FusionCharts.HC.js
FusionCharts.HC.Charts.js
jquery.min.js
B. FusionWidgets XT:
FusionCharts.js
FusionCharts.HC.js
FusionCharts.HC.Widgets.js
jquery.min.js
C. PowerCharts XT:
FusionCharts.js
FusionCharts.HC.js
FusionCharts.HC.PowerCharts.js
jquery.min.js
D. FusionMaps XT:
FusionCharts.js
FusionCharts.HC.js
FusionCharts.HC.Maps.js
jquery.min.js
- 和单独的地图定义 JavaScript 文件,例如,对于世界地图,文件的名称是
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、温度计、HBullet、漏斗等)。因此,如果你想渲染一个温度计(它是 FusionWidgets XT 包的一部分),你需要把这个文件和上面提到的(在第 iii 点)文件一起放置。
vi) 需要包特定文件FusionCharts.HC.PowerCharts.js
来呈现 PowerCharts XT Pack 中存在的 JavaScript 图表(如 Spline、DragColumn、LogMSColumn2D、DragNode、SelectScatter 等)。因此,如果要渲染样条图(PowerChats XT 包的一部分),则需要将此文件与上述(在第 iii 点中)文件一起放置。
vi) 需要包特定文件FusionCharts.HC.Maps.js
来呈现 JavaScript 地图。如果您想渲染任何地图,您也需要将此文件与上述(在第 iii 点中)文件一起放置。此外,对于每张地图(如世界、美国、欧洲、德克萨斯等),都有一个单独的 JavaScript 文件,其中包含地图区域定义数据。您还需要将这些单独的地图定义文件(如FusionCharts.HC.world.js
或FusionCharts.HC.texas.js
)与上述(在第 iii 点中)文件一起放置。
因此,第一件事是根据要求正确放置文件。
现在,另一个重要的事情:
您不需要通过<script>
标签在 HTML 中加载所有这些 JavaScript 文件。您只需FusionCharts.js
在 HTML 中加载,其余文件将根据FusionCharts.js
您要呈现的图表/地图类型自动/动态加载。
但是,我重申:所有JavaScript 文件都应实际存在于文件夹中,以便FusionCharts.js
可以动态访问并加载它们。
完成这些步骤后,您可以使用相同的构造函数来呈现图表、仪表或地图。您现在需要注意的是您指定的图表/仪表/地图类型以及您是否为图表/仪表/地图提供了正确的数据。