Web 开发中,主要使用下面两个文件,
-
open-flash-chart.swf: Flash 文件接口,通过该文件来生成 Flash 文件,备页面调用(在 web 目录下,与 WEB-INF 目录并级)。
-
swfobject.js: Flash 文件依赖的 JS 文件(在 web 目录下,与 WEB-INF 目录并级)。
首先在页面中编写 script 脚本,保存页面为 chart.html
<html>
<head>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart", "250", "200", "9.0.0");
</script>
</head>
<body>
<p>Hello World</p>
<div id="my_chart"></div>
</body>
</html>
编写 JSON 数据
其次,编写图表的 JSON 文本,将该文本保存为 data.json, 放在与 chart.html 同一个目录下。
{
"title":{
"text": "Many data lines",
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
},
"y_legend":{
"text": "Open Flash Chart",
"style": "{color: #736AFF; font-size: 12px;}"
},
"elements":[
{
"type": "bar",
"alpha": 0.5,
"colour": "#9933CC",
"text": "Page views",
"font-size": 10,
"values" : [9,6,7,9,5,7,6,9,7]
},
{
"type": "bar",
"alpha": 0.5,
"colour": "#CC9933",
"text": "Page views 2",
"font-size": 10,
"values" : [6,7,9,5,7,6,9,7,3]
}
],
"x_axis":{
"stroke":1,
"tick_height":10,
"colour":"#d000d0",
"grid_colour":"#00ff00",
"labels": ["January","February","March","April","May",
"June","July","August","Spetember"]
},
"y_axis":{
"stroke": 4,
"tick_length": 3,
"colour": "#d000d0",
"grid_colour": "#00ff00",
"offset": 0,
"max": 20
}
}
OFC图表展示
在浏览器地址栏输入URL,比如:http://localhost:8080/chart/chart.html?ofc=data.json
, 就可以看到的图表效果。
分享到:
相关推荐
Python入门经典实例Python入门经典实例Python入门经典实例Python入门经典实例Python入门经典实例Python入门经典实例Python入门经典实例Python入门经典实例Python入门经典实例Python入门经典实例Python入门经典实例...
ansys入门实例 ansys入门实例 ansys入门实例
【源码】10 个 Python 爬虫入门实例【源码】10 个 Python 爬虫入门实例【源码】10 个 Python 爬虫入门实例【源码】10 个 Python 爬虫入门实例【源码】10 个 Python 爬虫入门实例【源码】10 个 Python 爬虫入门实例...
React 入门实例教程React 入门实例教程React 入门实例教程React 入门实例教程
json入门实例json入门实例json入门实例json入门实例
一个Spring的入门实例;一个Struts的入门实例:超初级,入门用的,高手莫看
ExtJs入门实例ExtJs入门实例ExtJs入门实例
helloworld入门实例helloworld入门实例helloworld入门实例
Mybits入门实例(实例免费下载!)
ROS 入门实例,Do it by yourself, 教程清晰,步骤详细
Spring MVC入门实例
通过Eplan.EplApi.ApplicationFramework.IEplAddIn向EPLAN的菜单栏中加载菜单项,并连接到相应的IEplAction,本实例是一个简单的入门实例,通过在菜单栏中加载菜单项,并打开一个Form来演示如何嵌入自己写的程序。
qt 学习经典入门实例,学习嵌入式GUI
AutoLisp入门实例视频教程
Java很诱人,但对于刚跨入Java门槛的初学者来说,编译并运行一个无比简单的Java程序简直就是一个恶梦。...笔者也经历过这个无比痛苦的阶段,本文以实例的方式,逐一解决在编译过程中所出现的各种设置问题。
MyBatis经典入门实例,适合新手学习用。
GEF入门实例代码2《Eclipse插件开发》中实例
MFC 基础 入门 实例 北京邮电大学 visual c++ mfc
maven + springmvc 入门实例,安装好maven之后导入myeclipse即可运行。maven安装方法请自行百度
100个C#入门实例程序,刚学的朋友可以学习一下