FusionChartsFree的简单用法[通俗易懂]

FusionChartsFree的简单用法[通俗易懂]  今天发现个不错的显示图表的东西—-FusionChartsFree,有免费版的,有收费版的,免费版的我用着就不错。收费的可能更好一点儿。  看了看官方提供的例子,我是在JSP中使用,想到一个简单的用法,贴在下面:[code="html"]结果显示 FusionCharts. varchart…

大家好,又见面了,我是你们的朋友全栈君。  今天发现个不错的显示图表的东西—-FusionChartsFree,有免费版的,有收费版的,免费版的我用着就不错。收费的可能更好一点儿。

  看了看官方提供的例子,我是在JSP中使用,想到一个简单的用法,贴在下面:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>结果显示</title>
<script type="text/javascript" src="FusionCharts.js"></script>
</head>
<body class="mainpage">
<xmp id="chartData" style="display:none;">
<graph caption='结果柱状图' xAxisName='企业名称' yAxisName='得分' decimalPrecision='0'
formatNumberScale='0' chartRightMargin='30'>
<set name="企业1" value="75" color="0000ff"/>
<set name="企业2" value="55" color="0000ff"/>
<set name="企业3" value="65" color="0000ff"/>
<set name="企业4" value="35" color="0000ff"/>
<set name="企业5" value="95" color="0000ff"/>
</graph>
</xmp>
<div id="chartdiv" style="text-align:center;">FusionCharts. </div>
<script type="text/javascript">
var chart = new FusionCharts("FCF_Column3D.swf", "ChartId", "600", "360");
chart.setDataXML(document.getElementById('chartData').innerText);
chart.render("chartdiv");
</script>
</center>
</body>
</html>

  使用xmp元素来放置图表所需的xml数据,便于调试也简化了前后台的代码,可以使用jstl来生成xml数据,很方便。图表没有设置好看的颜色,凑和着看吧。

[align=center]

[img]http://dl.iteye.com/upload/attachment/370345/d6327d54-4fb9-3c9b-bc8d-b3a97e50a7f9.jpg[/img]

[/align]

  全部代码请从附件下载。更多的样式图表样式可以从官方网站下载。

  目前发现一个问题:X轴如果是中文,设置旋转后不显示。Y轴的中文如果竖向也是不显示的,横过来才可以。

  用收费的V3版试了一下,中文没有任何问题。喜欢不花钱也办事的人可以去网上找高手Crack的版本。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/158505.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • vim编辑器重要快捷键及vim设置「建议收藏」

    vim编辑器重要快捷键及vim设置「建议收藏」1.全选:ggVG2.跳转到文本最后一行:shift+g3.跳转到文本第一行:gg4.跳转到光标所选行的行首位置:05.跳转到光标所选行的行尾位置:shift+46.全部替换(替换无需确认)::%s/src/dst/g7.全部替换(每次替换需要确认)::%s/src/dst/gc8.查找:/string9.高亮显示查找到的内容::sethlsearch10.显示vim行号::setnu!11.到注释的开始:[/12.到注释的结束:]/13.撤销上一次操作:

  • Linux面试题(2020最新版)[通俗易懂]

    Linux面试题(2020最新版)[通俗易懂]文章目录Linux概述什么是LinuxUnix和Linux有什么区别?什么是Linux内核?Linux的基本组件是什么?Linux的体系结构BASH和DOS之间的基本区别是什么?Linux开机启动过程?Linux系统缺省的运行级别?Linux使用的进程间通信方式?Linux有哪些系统日志文件?Linux系统安装多个桌面环境有帮助吗?什么是交换空间?什么是root帐户什么是LILO?什…

  • JDK8辅助学习(四):Stream流 collect() 方法的详细使用介绍「建议收藏」

    JDK8辅助学习(四):Stream流 collect() 方法的详细使用介绍「建议收藏」Stream流collect()方法的使用介绍//1.<R>Rcollect(Supplier<R>supplier,BiConsumer<R,?superT>accumulator,BiConsumer<R,R>combiner);//2….

  • 自我学习总结之——NFV

    自我学习总结之——NFVNFV–DFC1.什么是NFV?网络功能虚拟化NFV(NetworkFunctionsVirtualization)在NFV出现之前设备的专业化很突出,具体设备都有其专门的功能实现,而之后设备的控制平面与具体设备进行分离,不同设备的控制平面基于虚拟机,虚拟机基于云操作系统,这样当企业需要部署新业务时只需要在开放的虚拟机平台上创建相应的虚机,然后在虚拟机上安装相应功能的软件包即可。这种方式…

  • 精进 Quartz—Quartz大致介绍(一)

    Quartz是OpenSymphony开源组织在Job scheduling领域又一个开源项目,是完全由java开发的一个开源的任务日程管理系统,“任务进度管理器”就是一个在预先确定(被纳入日程)的时间到达时,负责执行(或者通知)其他软件组件的系统。

  • matlab柱状图显示百分比_两年数据对比柱形图matlab

    matlab柱状图显示百分比_两年数据对比柱形图matlab这个小代码用于matlab柱状图显示比例及数值,函数如下:functionmyhist(x)%myhistCodebySimonLiang%Email:idignew@126.com%用于显示柱状图比例及具体数值h=histogram(x);holdon;%显示柱状图数值hBin=h.BinEdges(1:end-1)+h.B…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号