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
, 就可以看到的图表效果。
![]()
分享到：
相关推荐
这里我们将深入探讨这两个框架的基本概念、工作原理以及如何创建一个入门实例。 **Spring 框架** Spring 是一个开源的 Java 应用程序框架，最初由 Rod Johnson 创建，主要用于简化企业级应用的开发。它主要关注面向...
【Java 入门实例：classpath 和 package 详解】 学习Java对于初学者来说，尤其是在尝试编译和运行简单程序时，可能会遇到很多困扰。错误信息往往令人困惑，导致一些初学者失去学习信心。实际上，很多问题源于对...
《ANSYS入门实例详解》 ANSYS是一款全球领先的多物理场仿真软件，广泛应用于机械、航空航天、汽车、能源等工程领域。本入门实例将引导初学者逐步了解并掌握ANSYS的基本操作和应用。 首先，我们需要了解ANSYS的核心...
MFC 基础 入门 实例 北京邮电大学 visual c++ mfc
"C#入门实例程序.rar" 是一个针对初学者的资源包，它包含了100个精心设计的C#实例程序，旨在帮助新手快速掌握C#的基础知识和编程技巧。 1. **C#基础语法**：在这些实例中，你会遇到C#的基本语法结构，如变量声明、...
VB.NET入门实例教程是一套专为初学者设计的编程学习资源，它涵盖了VB.NET的基础概念、语法和实际应用。这门教程通过各种小程序实例，帮助学习者快速掌握VB.NET编程的核心技能。 VB.NET，全称Visual Basic .NET，是...
"delphi入门实例100"这个压缩包文件正好为初学者提供了一个绝佳的学习平台，通过一系列实例来快速掌握Delphi7的编程方式和基础控件的使用。 1. **面向对象编程**：Delphi7基于Object Pascal语言，它是面向对象的，...
AutoLisp入门实例视频教程
adams 入门与提高最推荐的书籍，有大量实例，适合初学者 。
本文将深入探讨这些"python 脚本实例 编程实例 入门实例"，帮助你理解Python的基本概念和常用操作。 1. **变量与数据类型** Python中的数据类型包括整型（int）、浮点型（float）、字符串（str）和布尔型（bool）...
李增刚的书 比较基础 也比较简单明了 对了解nastran卡片文件和格式有很大的帮助
ADAMS入门详解与实例
本主题“C#数据库入门实例”旨在帮助初学者理解如何在C#环境中与数据库进行交互，主要关注关系型数据库的使用。 数据库是存储和管理数据的系统，而在C#中，我们通常利用ADO.NET（一个.NET框架的组件）来连接和操作...
"JAVA简单入门实例"这个压缩包提供了一百八十个小案例，旨在帮助新手快速掌握Java的基本语法和编程技巧。 1. **Java基本语法**: 这些实例将涵盖Java的基础语法，包括变量声明、数据类型（如整型、浮点型、字符型、...
嵌入式MCGS串口通信快速入门及编程实例_第1章_MCGS简介.pdf嵌入式MCGS串口通信快速入门及编程实例_第1章_MCGS简介.pdf嵌入式MCGS串口通信快速入门及编程实例_第1章_MCGS简介.pdf嵌入式MCGS串口通信快速入门及编程...
这篇文章将教你快速地上手使用 Spring 框架. 如果你手上有一本《Spring in Action》, 那么你最好从第三部分"Spring 在 Web 层的应用--建立 Web 层"开始看, 否则那将是一场恶梦! 首先, 我需要在你心里建立起 Spring...
本资料包“LabVIEW学习资料-入门实例软件源代码100例合集.zip”是专为初学者设计的学习资源，包含了100个不同的LabVIEW实例，涵盖了从基础到进阶的各种应用场景。这些实例将帮助用户快速掌握LabVIEW的基本操作和编程...
Python入门实例，针对基本概念字典列表，字符串处理以及文件处理等实例
ISE 10.1 快速入门实例 ISE（Integrated Synthesis Environment）是一种综合电子设计自动化（EDA）工具，由Xilinx公司开发，主要用于数字电路设计和FPGA开发。下面是ISE 10.1快速入门实例中的知识点： 1. ISE 快速...
本书名为《MSC.PATRAN & MSC.NASTRAN入门和实例》，由周焕林、胡宗衬、胡龙飞编著，于2006年8月由合肥工业大学出版社出版。本书是关于MSC.Software公司旗下两款著名工程软件——MSC.PATRAN和MSC.NASTRAN的入门指南，...