欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

FusionCharts中文教程:安装指南 fusioncharts图表JavaScript数据可视化图表解决方案移动开发 

程序员文章站 2022-06-12 13:31:24
...

FusionCharts Suite XT是运行在你的桌面和移动网络浏览器上的JavaScript库。安装过程非常简单,你仅需要将下载包中的JavaScript文件复制到你的项目文件夹就行了。然后你就可以简单将FusionCharts的JavaScript库合并到你的Web应用程序,并开始建立图表,仪表和地图了。
FusionCharts套件库中的JavaScript文件都位于你下载包中的JS文件夹中,在你的fusioncharts文件夹中你可以看到以下JavaScript文件:

文件名称 描述
fusioncharts.js 这是FusionCharts的核心库,其中包含你所有网页所需的图表,仪表或地图。
fusioncharts.charts.js 该文件用于渲染FusionCharts XT下的所有图表。
fusioncharts.widgets.js 该文件用于渲染FusionWidgets XT下的所有仪表。
fusioncharts.powercharts.js 该文件用于渲染PowerCharts XT下的所有图表。
fusioncharts.gantt.js 该文件用于渲染FusionWidgets XT下的所有甘特图表。
fusioncharts.maps.js 这个文件是核心地图渲染文件。
maps/* 此文件夹包含每个由fusioncharts.maps.js渲染的地图所需的路径数据。为了使下载包小点,它仅包含2个地图 -fusioncharts.world.js和fusioncharts.usa.js。你可以从这里下载FusionMaps XT提供的所有965个地图
themes/* 此文件夹包含可以被图表,仪表和地图通过*FusionCharts主题(JSON)文件来定义样式的预定义主题。每个主题文件都有自己的名字,通过名字被引用。

在Web服务器上安装FusionCharts套包

  • 在你的web应用程序的文档根目录创建一个名为fusioncharts的文件夹。你可以以其它来命名文件夹,并将其放置在根目录的另一个文件夹。只是前者是你应用程序的所有页面更容易从任何地方访问到库。
  • 将下载包中的js文件夹中的所有JavaScript文件复制到上面创建的fusioncharts文件夹。

就这样安装完成后,你就可以在你的web应用程序中使用的FusionCharts XT开建图表了。

在本地计算机(文件系统)安装FusionCharts套包

如果你需要在本地计算机创建图表用于一般绘制或测试目的,请执行以下操作:

  • 在你的工作文件夹创建一个fusioncharts文件夹。
  • 将下载包中的js文件夹中的所有JavaScript文件复制到fusioncharts文件夹。
  • 创建HTML网页,然后通过上面JavaScript文件的相对路径开始创建图表。

注意,虽然是本地渲染你的图表,但由于现今大多数浏览器强制执行的安全限制,你将无法在你的硬盘驱动器上从XML或JSON文件加载数据。

从FusionCharts套件安装单独的产品

FusionCharts Suite XT包含4个产品:

  • FusionCharts XT: 仅将fusioncharts.js和fusioncharts.charts.js从js文件夹复制到你的工作目录。
  • FusionWidgets XT: 仅将fusioncharts.js,fusioncharts.widgets.js以及fusioncharts.gantt.js从js文件夹复制到你的工作目录。
  • PowerCharts XT: 仅将fusioncharts.js和fusioncharts.powercharts.js从js文件夹复制到你的工作目录。
  • FusionMaps XT: 仅将fusioncharts.maps.js从maps子目录的js文件夹复制到你的工作目录。你还需从这里下载地图定义文件并复制到你的fusioncharts目录。

使用授权的文件生成的图表将不再有水印。

若水印还存在,请检查以下问题:

  • 是否复制了正确的JavaScript文件并覆盖在正确的位置?
  • 是否清除了浏览器缓存?

点击>>下载FusionCharts最新版本