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

Javascript 在同一页面中使用图表和小部件,javascript,charts,fusioncharts,Javascript,Charts,Fusioncharts,我是fusion图表的新手,我在同一个页面中同时使用了图表和小部件。我使用的是Javascript图表,而不是swf文件。因为它们都有相同的函数名来生成图表,但其中的代码不同,所以我能够得到关于我使用的js文件选择的任何一个函数名 代码: var myChart1 = new FusionCharts( "Thermometer", "ChId2", "130", "280", "0", "1" ); myChart1.setDataURL("xml/thermo.xml"); myChart1

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

如何在同一页面中使用这两个工具???

请确保在同一页面中呈现图表和小部件的JavaScript版本时,您已将“FusionCharts.HC.js”、“jquery.min.js”、“FusionCharts.HC.Charts.js”和“FusionCharts.HC.Widgets.js”保存在与“FusionCharts.js”相同的文件夹中


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

请确保您已将“FusionCharts.HC.js”、“jquery.min.js”、“FusionCharts.HC.Charts.js
和“FusionCharts.HC.Widgets.js”保存在与“FusionCharts.js”,同时在同一页面中呈现图表和小部件的JavaScript版本


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

从XT开始,FusionCharts提供了一个统一的JavaScript框架来呈现4个核心包中的图表、仪表和地图FusionCharts套件XT的(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.FusionXt:

  • 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
  • 对于exmaple和World map,单独的映射定义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 XT pack中存在的JavaScript图表(如Column2D、Scatter、Pareto2D、Pie3D等)需要包特定文件
    FusionCharts.HC.Charts.js
    。因此,如果要呈现折线图(FusionCharts XT pack的一部分),则需要将此文件与上述文件一起放置(第三点)档案

    v) 需要包特定的文件
    FusionCharts.HC.Widgets.js
    来呈现FusionWidgets XT包中存在的JavaScript图表和仪表(如SparkLine、温度计、HBullet、漏斗等)。因此,如果要呈现温度计仪表(这是FusionWidgets XT包的一部分),您需要将此文件与上述(第三点)文件一起放置

    vi)需要包特定文件
    FusionCharts.HC.PowerCharts.js
    来呈现PowerCharts XT pack中存在的JavaScript图表(如样条线、DragColumn、LogMSColumn2D、DragNode、SelectScatter等)。因此,如果您想要呈现样条线图表(它是PowerChats XT pack的一部分),您需要将此文件与上述(第三点)文件一起放置

    vi)渲染JavaScript地图需要包特定文件
    FusionCharts.HC.Maps.js
    。如果要渲染任何地图,需要将此文件与上述(第三点)文件一起放置。此外,对于每个地图(如世界、美国、欧洲、德克萨斯等)有一个单独的JavaScript文件包含地图区域定义数据。您还需要将这些单独的地图定义文件(如
    FusionCharts.HC.world.js
    FusionCharts.HC.texas.js
    )与上述(第三点)文件一起放置


    因此,第一件事是按照要求正确放置文件

    现在,另一件重要的事情:

    您不需要通过
    标记在HTML中加载所有这些JavaScript文件。
    您只需在HTML中加载
    FusionCharts.js
    ,其余文件将由
    FusionCharts.js
    根据要渲染的图表/地图类型自动/动态加载

    但是,我重申:所有的JavaScript文件都应该实际存在于文件夹中,以便
    FusionCharts.js
    可以动态地