FusionChartsFree的简单用法[通俗易懂]
简单 通俗易懂 用法
2023-06-13 09:12:31 时间
大家好,又见面了,我是你们的朋友全栈君。 今天发现个不错的显示图表的东西—-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的版本。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/158505.html原文链接:https://javaforall.cn
相关文章
- pycharm导入Python_python简单项目
- Excel与XML相互转换 – C# 简单实现方案[通俗易懂]
- Tomcat环境配置(超级简单)[通俗易懂]
- python实现简单爬虫功能[通俗易懂]
- 学会这几个简单的bat代码,轻松在朋友面前装一波13[通俗易懂]
- CAN协议深度解析-简单易懂协议详解[通俗易懂]
- SpringBoot 整合WebSocket 简单实战案例[通俗易懂]
- 将ipad作为电脑拓展屏或分屏的简单方法[通俗易懂]
- 简单图文解释冯诺依曼体系结构(通俗易懂版)
- RFID-RC522/STM32F103RB/KEIL5 简单实现读取卡片ID[通俗易懂]
- Java实现简单的递归操作[通俗易懂]
- 简单的TCP客户端发包工具[通俗易懂]
- 简单理解图神经网络 GNN
- LayoutParams 简单理解[通俗易懂]
- Linux新建文件的简单指令操作(linux新建文件指令)
- Oracle XML配置: 简单易用的数据管理(oraclexml配置)
- ubuntu10.10安装lamp的简单lamp
- 简单指南Linux环境设置:快速体验指南(linux语言环境设置)
- 查看MSSQL表单:简单步骤快速掌握(如何查看mssql表单)
- Oracle通配符精准查找更简单(oracle中的通配符_)
- 用Redis进行远程批量删除的简单方法(redis远程批量删除)
- jqueryTab效果和动态加载的简单实例