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)


相关推荐

  • 面向对象

    面向对象面向对象

  • 测试用例设计——等价类划分法「建议收藏」

    测试用例设计——等价类划分法「建议收藏」一、分析问题如果我们需要对下面的这个两位数加法器设计测试用例,在测试了1+1,1+2,(-1)+1和(-1)+2之后,是否有必要测试1+3,1+4,1+(-3)和1+(-4)呢?如果不对两位数加法器程序进行穷举测试,我们能否放心的认为其他所有的参数组合都是正确的呢?可想而知,我们不可能输入这么多的组合进行测试。那么,如果不可能输入这些组合进行测试,是否会担心会遗漏测试中会存在bug呢?…

    2022年10月18日
  • JAVA多线程中join()方法的详细分析

    JAVA多线程中join()方法的详细分析虽然关于讨论线程join()方法的博客已经非常极其特别多了,但是前几天我有一个困惑却没有能够得到详细解释,就是当系统中正在运行多个线程时,join()到底是暂停了哪些线程,大部分博客给的例子看起来都像是t.join()方法会使所有线程都暂停并等待t的执行完毕。当然,这也是因为我对多线程中的各种方法和同步的概念都理解的不是很透彻。通过看别人的分析和自己的实践之后终于想明白了,详细解释一下希望能帮助到…

  • videocapture_directshow是什么

    videocapture_directshow是什么DirectShow框架简介DirectShow框架是多媒体播放框架上一个非常经典的框架,现在已经十多年了,在Windows平台上依然无法替代,非常值得去学习研究。个人觉得从设计模式的角度上看,directshow框架的灵活性、复用性、可维护性、可拓展性这些方面做得非常不错,也是它经久不衰历久弥新的一个原因,现在的很多第三方的decoder和filter都基于directshow框架开发,可以很灵活

    2022年10月10日
  • MybatisPlus的IService使用

    这里以user实体类做例子首先编写UserService接口,并继承IServicepublicinterfaceUserServiceextendsIService<User>{}编写UserServiceImpl类,继承ServiceImpl并实现UserService@ServicepublicclassUserServiceImplextendsServiceImpl<UserMapper,User>implementsUser.

  • python保存文件的几种方式「建议收藏」

    python保存文件的几种方式「建议收藏」当我们获取到一些数据时,例如使用爬虫将网上的数据抓取下来时,应该怎么把数据保存为不同格式的文件呢?下面会分别介绍用python保存为txt、csv、excel甚至保存到mongodb数据库中文件的方法。保存为txt文件首先我们模拟数据是使用爬虫抓取下来的,抓取的下来的数据大致就是这样的下面使用代码保存为txt文件importrequestsfromlxmlimportetr…

发表回复

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

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