![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
FusionCharts
封訫锁爱
这个作者很懒,什么都没留下…
展开
-
Flash图表FusionCharts如何自定义图表导出菜单或界面
FusionCharts的导出组件界面有两种模式:Compact Mode: 用于保存单张图片,每一个单独的导出组件实例都代表单独的图表。在这种模式下,只有一个按钮和标题是可见的。Full Mode: 保存多个图表,无论是单独或作为一个单独的文件。在这种模式下,用户可以选择需要保存的图表以及保存的格式。在两种模式下,你可以自定义导出组件的颜色、字体和标题。在进入属性之前,先快速看一下...2013-08-12 13:55:49 · 116 阅读 · 0 评论 -
FusionCharts使用教程:为JavaScript图表提供数据
FusionCharts的JavaScript类提供了一系列的函数来提供图表数据。 FusionCharts的JavaScript类支持XML或JSON格式的数据。这些数据可以是URL或字符串。以XML文件为数据源,示例代码如下:<html> <head> <title>My First chart using FusionC...2013-09-05 14:34:41 · 79 阅读 · 0 评论 -
FusionCharts使用JavaScript渲染iPhone/iPod/iPad图表
FusionCharts使用JavaScript:FusionCharts允许用户创建建立JavaScript图表(也就是web上的HTML5 /Canvas图表)。这个特性允许用户在不支持Flash播放器的web浏览器上创建图表,如iPhone / iPad。FusionCharts内部利用Highcharts库生成JavaScript图表。 这个功能能够无缝地使用当前的Fusio...2013-09-04 14:08:30 · 94 阅读 · 0 评论 -
Flash图表控件FusionCharts使用JavaScript渲染图表(不用Flash)
在使用FusionCharts的时候,如果用户希望只使用JavaScript建立图表(而不是使用Flash),你那么就需要添加另一行代码,如下所示:FusionCharts.setCurrentRenderer('javascript');这段代码会使FusionCharts渲染器跳过Flash渲染,并创建纯基于JavaScript的图表。 修改后的代码如下:<html...2013-08-29 17:07:53 · 182 阅读 · 0 评论 -
Flash图表控件FusionCharts调整图表百分比大小
用户在使用FusionCharts的时候,用户可以为图表的宽度和高度设置百分比值,用来替代绝对的像素值。图表将根据父容器元素自动调整其尺寸。让我们来看看在HTML中这是如何实现的。以百分比的方式调整图表,首先需要更新HTML代码,如下所示:<div id="chartContainer" style="width:800px;height:300px;"> ...2013-08-28 15:57:31 · 131 阅读 · 0 评论 -
Flash图表控件FusionCharts自定义图表y轴最大/最小值
自定义图表y轴的最大值和最小值 用户可以使用FusionCharts图表中元素的yAxisMaxValue和yAxisMinValue属性设置图表限制。 示例:<chart yAxisMinValue='0' yAxisMaxValue='100' ... > 如何设置图表y轴的最小值(不是默认值0)用户可以将Y轴最小值设置为0或者是基于图表提供的值。可以按照下面的方...2013-08-27 15:39:19 · 134 阅读 · 0 评论 -
Flash图表控件FusionCharts如何定制图表中的趋势线和趋势区
FusionCharts中的趋势线是什么趋势线是横跨图标的水平/垂直线条,用来表示一些预订数据值。在图表中展示趋势线用户可以使用<chart>元素中的trendlines属性来显示图表中的趋势线。示例:<chart caption='Quarterly Sales Summary' subcaption='Figures in xAxis...2013-08-26 16:01:13 · 82 阅读 · 0 评论 -
Flash图表控件FusionCharts如何自定义图表的工具提示
什么是FusionCharts的工具提示当鼠标指示到FusionCharts图表中一个特定的数据点时所显示出来的信息就是工具提示。提示的信息可以是以下内容:单系列图(除了饼图和环图):名称和值饼图和环图:名称和值/百分比多系列和组合图:系列名称、类别名称、数据值 如何禁用图表中的工具提示用户可以通过设置showToolTip='0'选择禁用图表上的工具提示。示例:...2013-08-22 15:26:11 · 75 阅读 · 0 评论 -
Flash图表控件FusionCharts如何自定义图表上的垂直线
什么是垂直分割线垂直(或条形图中的水平)分隔线是用来帮助用户分隔数据块的。可以被放置在任何两个数据点,即使是不规则的间隔也可以。 XML代码如下:<chart caption='Monthly Revenue' xAxisName='Month' yAxisName='Revenue' numberPrefix='$' showValues='0'>...2013-08-21 14:40:40 · 98 阅读 · 0 评论 -
Flash图表控件FusionCharts如何在图表中显示标识和图片
在FusionCharts的图表中显示外部商标 使用FusionCharts之后,用户可以在运行时加载需要在图表中显示的外部标识/图片/图像。这个标识可以GIF / JPEG / PNG或SWF文件格式驻留在和图表SWF相同的子域。用户需要使用图表元素的logoURL属性加载标识,如下所示:<chart yAxisName='Sales Figure' caption='Top 5 S...2013-08-20 15:44:40 · 106 阅读 · 0 评论 -
Flash图表控件FusionCharts如何在图表标绘非连续数据
你可能经常要以不完整的数据点绘制图表。例如,当绘制每月的销售图表时,你可能没有所有的月数据。所以,你可能只想以一个空白的区域来显示缺失的数据,不在这个区域中绘制任何东西。FusionCharts可以让这个目标很容易的实现。用户可以通过不提供任何值到需要隐藏的相应<set>元素来隐藏任意数量的数据块。具体操作参考下面的XML代码:<chart > &...2013-08-19 14:55:18 · 91 阅读 · 0 评论 -
Flash图表控件FusionCharts如何高亮显示数据
使用Flash图表控件FusionCharts时,通过改变alpha值是高亮显示数据的最简单方式。XML代码如下:<chart> <set label='John' value='420' /> <set label='Mary' value='295'> <set label='Tom' value='523' />...2013-08-15 09:26:50 · 85 阅读 · 0 评论 -
如何设置FusionCharts图片导出格式
通过设置FusionCharts的<chart exportEnabled='1' ...>属性,就可以导出图表,图表的右键菜单将会显示所有可能导出的格式- JPEG, PNG and PDF,如下所示不过如果你只需要显示可选择的格式或改变菜单项的标签,可以进行如下操作: <chart ... exportFormats='PDF=Export as PD...2013-08-13 14:19:13 · 59 阅读 · 0 评论 -
使用FusionCharts创建可更新数据的JavaScript图表
先创建一个简单的图表,然后改变它的数据(请参见下面的代码)。图表最初据显示8月份的销售数据,当用户点击按钮时改为显示9月份的销售数据。每个月都有单独的XML文件,代码如下:<html> <head> <title>Update Chart data</title> <script type="text/javas...原创 2013-09-06 15:12:06 · 66 阅读 · 0 评论