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
, 就可以看到的图表效果。
![]()
分享到：
相关推荐
React 入门实例教程React 入门实例教程React 入门实例教程React 入门实例教程
这里我们将深入探讨这两个框架的基本概念、工作原理以及如何创建一个入门实例。 **Spring 框架** Spring 是一个开源的 Java 应用程序框架，最初由 Rod Johnson 创建，主要用于简化企业级应用的开发。它主要关注面向...
ROS 入门实例，Do it by yourself, 教程清晰，步骤详细
《ANSYS入门实例详解》 ANSYS是一款全球领先的多物理场仿真软件，广泛应用于机械、航空航天、汽车、能源等工程领域。本入门实例将引导初学者逐步了解并掌握ANSYS的基本操作和应用。 首先，我们需要了解ANSYS的核心...
VB.NET入门实例教程是一套专为初学者设计的编程学习资源，它涵盖了VB.NET的基础概念、语法和实际应用。这门教程通过各种小程序实例，帮助学习者快速掌握VB.NET编程的核心技能。 VB.NET，全称Visual Basic .NET，是...
"delphi入门实例100"这个压缩包文件正好为初学者提供了一个绝佳的学习平台，通过一系列实例来快速掌握Delphi7的编程方式和基础控件的使用。 1. **面向对象编程**：Delphi7基于Object Pascal语言，它是面向对象的，...
AutoLisp入门实例视频教程
adams 入门与提高最推荐的书籍，有大量实例，适合初学者 。
李增刚的书 比较基础 也比较简单明了 对了解nastran卡片文件和格式有很大的帮助
本主题“C#数据库入门实例”旨在帮助初学者理解如何在C#环境中与数据库进行交互，主要关注关系型数据库的使用。 数据库是存储和管理数据的系统，而在C#中，我们通常利用ADO.NET（一个.NET框架的组件）来连接和操作...
"JAVA简单入门实例"这个压缩包提供了一百八十个小案例，旨在帮助新手快速掌握Java的基本语法和编程技巧。 1. **Java基本语法**: 这些实例将涵盖Java的基础语法，包括变量声明、数据类型（如整型、浮点型、字符型、...
嵌入式MCGS串口通信快速入门及编程实例_第1章_MCGS简介.pdf嵌入式MCGS串口通信快速入门及编程实例_第1章_MCGS简介.pdf嵌入式MCGS串口通信快速入门及编程实例_第1章_MCGS简介.pdf嵌入式MCGS串口通信快速入门及编程...
在“使用Protege创建本体进行推理-入门实例”中，我们将探讨如何通过Protege 5.2构建一个简单的生物分类本体，并利用内置的HermiT推理机进行推理。 首先，我们需要理解本体的基本构成。在这个实例中，我们有两类...
ObjectARX是AutoDesk公司针对AutoCAD平台上的二次开发而推出的一个开发软件包，它提供了以C++为基础的面向对象的开发环境及应用程序接口，能真正快速的访问AutoCAD图形数据库。 与以往的 AutoCAD 二次开发工具 Auto...
本资料包“LabVIEW学习资料-入门实例软件源代码100例合集.zip”是专为初学者设计的学习资源，包含了100个不同的LabVIEW实例，涵盖了从基础到进阶的各种应用场景。这些实例将帮助用户快速掌握LabVIEW的基本操作和编程...
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的入门指南，...
TMS320C66x KeyStone架构多核DSP入门与实例精解.pdf牛金海
**C# MVC 入门实例：MVC留言本** C# MVC（Model-View-Controller）框架是微软为构建Web应用程序提供的一种强大的设计模式。它将应用逻辑、用户界面和数据处理分离开来，使代码更易于管理和维护。在这个入门实例中，...