软件简介
Fusionchartsfree是一个带有JavaScript(HTML5)的JavaScript图表库。这个软件主要是用Java程序开发的。它不是一个简单的应用程序,而是一个图标数据的代码程序。你可以把换码程序下载到任意一个图标库中,扩展其功能,让你的统计软件更加丰富。Fusionchartsfree包含多种类型的图标库,允许您创建200多种图表类型,包括函数分析、市场数据分析、财务分析以及其他近十个行业的统计数据。每种类型都有自己的统计模板,下载后可以直接使用。
软件功能
FusionCharts套件XT由四种产品组成:
fusion charts XT-它提供了所有常规图表,如柱形图、条形图、折线图、面积图、饼图、组合图和堆叠图到高级图表,如组合、滚动、缩放线、XY绘图、Marimekko和Pareto图。
fusion widgets XT-它提供了各种仪表和图表,包括速度计图表(也称为角度表和刻度盘表)、线性仪表、灯泡表、甘特图、漏斗和金字塔图。此外,它还提供了迷你图和项目符号图,可以嵌入到内容中,在紧凑的空间中显示大量的KPI。
power charts XT-它提供了一系列针对特定领域的高级图表,如网络图、盈亏分析、财务规划、股价绘制和层次结构。它还提供可视化编辑的图表来模拟假设场景,并提供雷达(蜘蛛)图来比较多个实体的多个参数。
fusion maps XT-它提供交互式地图绘制地理数据,如按地区收入,按州,人口,调查和。。结果有效。您还可以在地图上放置标记,以准确定位办公地点和飞行路线等位置。它有超过965幅地图,包括所有大洲、主要国家和所有美国州。
默认情况下,当您在Web服务器或本地文件系统上设置FusionCharts Suite XT时,您可以创建超过90个图表和超过1000个地图(在单独下载地图定义文件之后)。
软件特色
fusioncharts.js
这是核心的FusionCharts库,您需要在所有需要生成图表、测量或地图的页面中包含它。
fusioncharts.charts.js
需要此文件来呈现FusionCharts XT下的所有图表。
fusioncharts.widgets.js
需要此文件来渲染FusionWidgets XT下的所有乐器。
fusioncharts.powercharts.js
此文件是在PowerCharts XT中呈现所有图表所必需的。
fusioncharts.gantt.js
该文件是渲染甘特图所必需的,显示在FusionWidgets XT下。
fusioncharts.treemap.js
这个文件是呈现树形图所必需的,树形图显示在PowerCharts XT下。
fusion charts . zoom catter . js
此文件是渲染FusionCharts XT下显示的缩放散点图所必需的。
fusioncharts.maps.js
该文件是一个核心贴图渲染器文件。然而,如下所述,映射定义是单独存储的。
地图/*
该文件夹包含要渲染的每个地图所需的路径数据fusioncharts.maps.js。为了保持下载包较小,它只包含两个地图-fusioncharts.world.js和fusioncharts.usa.js你可以在这里下载FusionMaps XT提供的所有965个地图的定义。
主题/*
此文件夹包含预打包的主题,图表、仪表和地图可以使用这些主题通过。。FusionCharts主题(JSON)文件来设置它们的样式。每个主题文件都有自己的名字,通过这个名字来引用它。
使用方法
FusionCharts Suite XT JavaScript库只接受JSON或XML格式的数据。数据可以作为JSON/XML字符串提供,也可以作为物理文件存在于服务器上。对于这个例子,当上面的表数据转换成FusionCharts Suite XT JSON/XML格式时,
在您的页面中包含FusionCharts Suite XT库要在您的HTML页面中包含FusionCharts Suite XT JavaScript库,请使用下面的标签。接下来,我们包含一个主题文件来设置图表的样式。这个主题叫做fint(FusionCharts Inside),它存在于你下载的themes的文件夹中。
如果您必须生成地图,您需要在页面中包含其他文件,我们将在后面看到。
为网页中的图表创建容器。网页中的每个图表都需要一个容器来保存元素,这是一个很好的图表容器,如下所述。
创建图表实例的最后一步是创建图表类型column2d的实例,设置宽度和高度(以像素或%为单位),最后将图表的JSON数据指定为字符串或URL。
下面的代码执行一些技巧。
在上面的代码中:
我们FusionCharts在revenueChart变量中创建了一个对象的实例。HTML页面中的每个图表或规范都需要一个单独的变量。初始化代码包装在FusionCharts.ready方法中。这可以保护您的图表实例化代码在加载FusionCharts Suite XT库之前不被调用,并且可以在页面上使用。
接下来,我们创建了column2d图表的一个实例。FusionCharts Suite XT中的每个图表类型都有一个唯一的别名,您可以使用它来创建图表的实例。在本例中,我们创建了一个大小为500x300像素的柱形图2D图表实例,并以字符串形式提供JSON数据。
为了将dataFormat指定为json,我们将参数DataFormat设置为JSON。如果您以xml格式向图表提供数据,如下所述,该属性的值将是XML。
实际的JSON数据作为参数值的字符串嵌入到dataSource中。图表对象包含一个键值对列表,它允许您配置图表的功能和美观属性。正在调用render方法。
在由元素定义的chartContainer中绘制图表。
就!您刚刚使用FusionCharts Suite XT创建了第一个交互式JavaScript图表。
该示例的完整HTML代码如下:
Fusionchart.usa.js位于下载包的map文件夹中。默认包仅包含美国和世界地图。但是,您可以下载所有其他965地图。
将数据转换为FusionCharts Suite XT JSON/XML格式以下是您将用于构建此地图的数据的JSON/XML表示形式。
在您的页面中包含FusionCharts Suite XT库要在您的HTML页面中包含FusionCharts Suite XT JavaScript库,请使用下面的标签。接下来,我们包含一个主题文件来设置图表的样式。这个主题叫做fint(FusionCharts Inside),它存在于你下载的themes的文件夹中。
使用说明
图表示例
点击下面的图表,在JSFiddle中打开。可以看到实时图表,在浏览器中编辑代码,实时查看更新后的图表。
图表库
FusionCharts Suite XT是一个全面的图表解决方案,提供90多种图表类型和965种地图。该套件由四个产品组成,每个产品都有特定的用途,并包含不同的图表类型,选择如下。
业务仪表板
FusionCharts Suite XT广泛用于业务仪表盘,以可视化不同领域和功能的数据,包括销售、金融、营销、制造、医疗保健、教育、。。和IT。
软件截图