FusionCharts Free是一款功能丰富的图表制作软件,该软件支持使用JavaScript嵌入图表中,从而让您设计出更加丰富的图标类型,并直接运行与网络上,该软件提供的图标设计工具非常齐全,在颜色的渲染方面,您可以通过导入FusionChartsHelper以获取列的颜色,让您能够通过一种颜色渲染整个图表的不同区域,您可以使用将图表的数据保存在系统中,定义一个变量strXML来存储整个XML数据,非常方便;FusionCharts Free设计的图标类型很多,无论是3D的还是3D的都可以设计,需要的朋友可以下载体验。
软件功能
动画和互动图表
使用FusionCharts,您可以快速轻松地呈现动画图表,为最终用户提供了大量的交互选项。
简单而强大的JavaScript集成
FusionCharts提供了将图表与JavaScript模块集成的高级选项。您可以在客户端更新图表,调用JavaScript函数作为热点链接。
没有安装麻烦
要使用FusionCharts,您不必在服务器上安装任何东西。所有你需要做的是将SWF文件(FusionCharts的核心文件)复制粘贴到您的服务器,就像对任何图像文件一样 - 你准备好了!因此,即使在那些不允许安装ActiveX或任何其他形式的组件的服务器上,FusionCharts也可以运行而不会有任何麻烦。
使用方便
FusionCharts使图表创建过程成为无痛的体验。由于它使用XML作为其数据,所以您需要做的是使用编程语言或甚至使用文本编辑器如记事本等将数据转换为XML - 这就是创建交互式和动画图表所需要的。最好的部分是你不需要知道任何关于Flash使用FusionCharts。
运行在各种平台上
无论您使用的是什么服务器端脚本语言,FusionCharts都可以用来创建图表。由于FusionCharts使用XML作为数据接口,因此可以在任何服务器上运行任何脚本语言。此外,要查看图表,您的用户只需要有Adobe Flash Player 6(或以上),这是星球上最常用的浏览器插件之一。
减少服务器上的负载
在传统的基于图像的图表系统中,图表被生成为在服务器侧的图像。因此,对于您需要向用户提供的每个图表,您都必须在服务器上构建复杂的图像,然后将其流式传输到客户端。当需要小时时,这可能是一个昂贵的资源在服务器上,因为图像创建需要在服务器上的很多费用。
FusionCharts给您带来了极大的安慰 - 所有的图表都在客户端使用广泛安装的Adobe Flash平台进行渲染。服务器负责将预构建的SWF文件和XML数据文件流式传输到终端查看器。从那时起,Flash Player承担渲染图表的责任。此外,图表SWF文件可以缓存,以便您可以只更新数据,而不是每次发送图表SWF文件。
软件特色
800+实例
使用FusionCharts,你永远不必从头开始。我们详尽的在线示例,托管在JSFiddle,
有图表和地图的完整的源代码,以帮助您在一分钟内创建JavaScript图表。
$0$6K$12K$18K$24K$30KJanFebMarAprMayJunJulAugSepOctNovDecBakersfield CentralLos Angeles TopangaSales - 2014 v 2015FusionCharts将在此处呈现FusionCharts将在此处呈现
浏览活动示例
轻松与其他库,框架和语言集成
不是香草JavaScript的大粉丝?没问题!我们有你覆盖 - FusionCharts附带了流行的图书馆(jQuery),框架(AngularJS&React)和语言(ASP.NET和PHP)的开源插件。现在,将FusionCharts与当前堆栈集成非常容易。
浏览扩展程序
从90多张图表和
1000多张地图中选择
从基本图表(行,列,饼图等 - 2D和3D)到最复杂的图表(瀑布,甘特图,烛台,缩放等),我们有最详尽的javascript图表,窗口小部件和地图。
有很大的可能性,你正在想的可视化,已经存在于我们的包。
浏览图表库
业务仪表板和实例
800多个现场示例的画廊使您可以轻松开始使用FusionCharts。只要把你想做的图表叉开,而不是从头开始。我们有一个业务仪表板的集合,带有可下载的源代码来获取灵感。使用案例包括销售,金融,营销,制造,医疗保健,教育,政府和IT。哦! 和音乐播放器!
探索仪表板
模具它的方式你想要的
FusionCharts为您提供完全灵活的自定义图表根据您的愿望。您可以使用我们的高级主题引擎集中控制图表的化妆品,如背景颜色,阴影颜色,字体等。
通过广泛的事件处理功能,控制图表在不同情况下的行为。从数据加载到图表呈现,用户交互到错误处理,从100+事件的日益增长的列表中选择,以微控制您的图表体验。
单击导出到图像,
PDF或SVG
使用FusionCharts,可以非常容易地将所有JavaScript图表下载/导出为您选择的格式 - JPEG,PNG,PDF或SVG。所有你需要做的是包括一行代码。
支持客户端和服务器端导出。
现场演示
IE 6?最新Chrome?移动浏览器?它只是无处不在!
我们相信,当你选择一个JavaScript图表库,你不应该担心它将工作的浏览器和设备。这就是为什么我们确保我们的图表在PC,Mac,iPhone,iPad和Android设备上无缝工作。
所有的图表都响应提供相同的体验无处不在。
高级功能
大量的高级功能是FusionCharts与其他库的区别。诸如向下钻取,添加自定义形状,实时图表,智能标签管理,自定义工具提示,可视编辑图表,多语言图表,趋势线等特性支持开箱即用。
探索功能
专用技术支持
我们在这里帮助,如果你被困住!使用我们的论坛,实时聊天或StackOverflow标签来获取所有技术查询的答案。
通过FusionCharts的优先支持,您一定能在24个工作小时内得到答复。当您处于紧迫的截止日期时,无需在社区论坛上等待您的关键问题的答案。
转到支持论坛
使用方法
FusionCharts中的所有图表都支持属性decimalPrecision。 如果未指定,图表会自动显示最多2个小数位的数字。 此单一属性允许您控制图表上所有数字的小数精度。 使用此属性,可以全局设置图表所有数字的小数位数。 例如,如果您的图表上的数字为12.432,13.4和13,并且您设置了,则数字将分别转换为12,13和13。
类似地,如果您的数据为0.12342,0.134和0.13,且未指定decimalPresion,则FusionCharts将分别输出0.12,0.13和0.13。 现在你设置decimalPrecision为4,将分别得到0.1243,0.1340和0..1300
自动数字格式化
FusionCharts通过将K,M(千,百万)和适当的逗号添加到数字中来自动格式化数字。 下面显示的是一个示例:
在上图中,图表的数据为12500,13400和13300. FusionCharts自动格式化数字缩放以转换为K(千)和M(百万)。 如果你不希望以这种方式截断数字,只需使用:
当您现在查看图表时,将得到以下输出:
你可以看到上面的FusionCharts现在显示图表上的完整数字。 它还在所需位置的数字中添加了逗号。 如果不需要逗号,请设置formatNumber = 0。 但是,设置formatNumber = 0也不会格式化任何小数位(即使在XML中明确指定)。
下面显示的示例是:
设置自定义千位和小数分隔符
默认情况下,FusionCharts使用。 (点)作为十进制分隔符,和(逗号)作为千分隔符。 但是,您可以根据需要自定义此字符。
为此,请使用decimalSeparator和thousandSeparator属性。 例如,让我们将千位分隔符设置为点和小数分隔符作为逗号。 为此,您必须使用以下xml:
下面显示的是输出。
添加号码前缀和后缀
FusionCharts允许您向图表上的所有数字添加前缀或后缀。 您可以使用元素的以下属性来实现相同:
numberPrefix =“$”:使用此属性,您可以向图中可见的所有数字添加前缀。 例如,要在图表上表示所有美元数字,您可以将此属性指定为“$”以显示为$ 40000,$ 50000。
numberSuffix =“p.a”:使用此属性,您可以为图形上可见的所有数字添加后缀。 例如,要在图表上表示按年度量化的所有图形,您可以将此属性指定为“/ a”以显示为40000 / a,50000 / a。
如果您打算对numberPrefix或numberSuffix使用特殊字符,则需要在使用dataXML方法时对其进行URL编码。 例如,如果希望numberSuffix为%(例如30%),则需要将其指定为:
numberSuffix ='%25'
在dataURL方法中,可以直接指定字符。
例子:
相关介绍
定义应用
让我们首先定义在这个例子中我们想要实现什么。我们将从以前的下钻示例继续,并将其转换为单页示例。在上一个示例中,我们在饼图中显示所有工厂的生产摘要。当用户点击饼图时,他被带到另一个页面,其中显示了所需工厂的详细日期图表。
在本示例中,我们将两个图表放在一个单一页面上,其中单击生产汇总图表的饼图切片将在不刷新页面的情况下在同一页面上打开详细图表。
在一个页面(Default.php)中包含饼图(摘要)和柱形图(详细)。
当页面加载时,饼图将使用dataXML方法显示所有工厂的摘要。这些数据将在Default.php本身中构建。
在此页面中将有一个名为数据的JavaScript数组。该数组将包含工厂的详细数据。数组将使用PHP动态构建,然后作为JavaScript代码输出。
除了JavaScript中的数据之外,我们还将有一个本地JavaScript函数updateChart(),它将处理此数组中的数据并将其转换为XML数据文档,以供柱形图直接使用。
柱形图将初始化,没有数据,因为用户最初没有选择工厂。我们将自定义图表的“无数据显示”消息以显示友好的消息。
饼图将为每个饼图切片定义JavaScript链接。这个JavaScript链接指向同一页面上的updateChart()JavaScript函数。我们稍后会看到如何手动编写这个函数。单击饼图时,工厂ID将传递到此功能。
updateChart()函数负责调整柱形图。它从存储在JavaScript数据数组中的数据生成XML数据,并将其传送到柱形图。
柱形图现在将接受此XML数据,解析并最终呈现。
∨ 展开