项目中需要FusionCharts图表显示双Y轴，好像FCF_MSLine.swf不可以这样，只能显示一个Y轴，多条线， 找了一下，用MSCombiDY2D.swf可以实现，生成图如下：
两个图表的数据是一样的，设置有一此不同而己。
对应的XML文本如下：
现在要将区域图表变为曲线只需将
改为
说明：
parentYAxis='P'表示对应的为左边的Y轴
parentYAxis='S'表示对应的为右边的Y轴
renderAs表示形状，Area 为区域图表，Line为曲线图表
zzc1684
- 浏览: 1223359 次
- 性别:
- 来自: 广州
-
文章分类
- 全部博客 (883)
- Spring (101)
- Swing (1)
- Mysql (21)
- Js (59)
- Jsp (2)
- Hibernate (19)
- Myeclipse (5)
- SqlServer 2000 (2)
- poi (15)
- Java (70)
- SSH (12)
- Html (47)
- Fusion Charts (1)
- C\C++ (2)
- 汇编 (36)
- Jquery (37)
- Struts2 (6)
- Ubuntu (16)
- powerDesinger (4)
- Jboss (3)
- JAX-RS (13)
- JAXB (5)
- JAX-WS (11)
- JMS (4)
- WebSocket (8)
- PHP (16)
- Flash (1)
- maven (3)
- Oracle (8)
- HttpClient (6)
- sqlserver (19)
- svn (5)
- Tomcat (3)
- Jdbc (3)
- EsayUi (11)
- 微信公众平台 (19)
- IIS (2)
- Freemarker (11)
- Comet (1)
- Spring MVC (85)
- JBoss Seam (3)
- 二维码 (9)
- Spring Security (4)
- Ehcache (3)
- Apache Shiro (7)
- jackson (16)
- JPA (8)
- jcaptcha (2)
- RSA (2)
- Ajax (6)
- 跟我学Shiro (0)
- Spring4 (19)
- 跟我学spring3 (0)
- css (32)
- excel (4)
- Filter (3)
- 微信公众帐号开发教程 (0)
- Android (6)
- log4j (6)
- 淘宝接口 (17)
- 支付集成 (3)
- 单点登录 (3)
- Html5 (27)
- 移动平台前端 (3)
- Linux (44)
- FusionCharts (27)
- Json Jackson Xml (5)
- 方培工作室-微信开发 (0)
- Apache与Tomcat与IIS整合 (10)
- Nginx (17)
- webService (2)
- apache (4)
- lucene (3)
- lodop (2)
- Shiro (3)
- zTree (2)
- ireport (12)
- Servlet3.0 (5)
- 前端美工 (19)
- AngularJS (1)
- C#开发微信门户及应用 (0)
- Shell (3)
- bat脚本 (16)
- Bootstrap (26)
- Less (10)
- photoshop (6)
- Redis (6)
- Mongodb (10)
- MyBatis (3)
- 数据结构 (0)
- 读写分离-主从复制 (0)
- JFinal (0)
- 百度地图api (3)
- hadoop-hbase-hive-spark (3)
- WebStorm (2)
- Quartz (5)
- ios (0)
- Mina (8)
- Android Studio (4)
- Ratchet教程 (0)
- 移动端重构系列 (1)
- cubic-bezier贝塞尔曲线CSS3动画工具 (1)
- nginx+tomcat+memcached集群 (0)
- 集群 (0)
- ZooKeeper (3)
- Dubbo (0)
- vpn (0)
- kafka (0)
- JVM垃圾回收机制 (0)
- 微信小程序 (0)
- Lua (0)
- Hystrix (0)
- Vue.js (0)
- mycat (0)
- Openresty (0)
- springBoot (0)
- 新分类 (0)
- guava (0)
- 大数据 (0)
- Sentinel (0)
最新评论
-
JackMacing：
中文怎么解决？
SpringMVC与iReport(JasperReports) 5.6整合开发实例 -
18335864773：
用pageoffice把.可以实现在线的文档操作.直接转pdf ...
转：使用jasperreport动态生成pdf,excel,html -
linhao0907：
推荐一款轻量开源的支付宝组件：https://github.c ...
关于Alipay支付宝接口（Java版） -
songronghu：
太好了，非常有用，谢谢分享~
Java ConcurrentModificationException 异常分析与解决方案 -
wzwahl36：
http://www.atool.org/json2javab ...
Java下利用Jackson进行JSON解析和序列化
分享到：
发表评论
-
FusionCharts使用教程：在PHP程序中创建JavaScript图表
2014-11-15 09:24 608绝大多数图表控件都可用于PHP应用程序，其中大部门是服务器 ... -
FusionCharts使用教程：利用C#创建各类动态图表
2014-11-15 09:23 1140曾经在在PHP中使用FusionCharts一文中介绍如何 ... -
FusionCharts使用教程：图表导出为图像/PDF
2014-11-13 09:08 633FusionCharts XT图表控件包中的所有图表都可以 ... -
FusionCharts使用教程：LinkedCharts实现无限层级向下钻取
2014-11-14 08:56 663FusionCharts XT引入了一个灵活的向下钻取功能 ... -
FusionCharts使用教程：为图表添加向下钻取链接
2014-11-14 08:56 538FusionCharts中的所有图表都支持向下钻取功能。这 ... -
JS图表控件FusionCharts使用教程：使用JavaScript更新图表数据
2014-11-13 09:08 481在使用FusionCharts的时候，用户可以先创建一个简 ... -
JS图表控件FusionCharts使用教程：为JavaScript图表提供数据
2014-11-13 09:09 493FusionCharts的JavaScript类提供了一系 ... -
JS图表控件FusionCharts使用教程：如何使用JavaScript渲染iPhone/iPod/iPad图表
2014-11-13 09:12 727FusionCharts使用JavaScript: F ... -
JS图表控件FusionCharts使用教程：使用JavaScript渲染图表（不用Flash）
2014-11-13 09:10 681在使用FusionCharts的时候，如果用户希望只使用J ... -
JS图表控件FusionCharts使用教程：调整图表百分比大小
2014-11-14 08:55 725在使用FusionCharts的时候，用户可以为图表的宽度 ... -
JS图表控件FusionCharts使用教程：自定义图表y轴最大/最小值
2014-11-14 08:55 655自定义图表y轴的最大值和最小值 用户可以使用Fusion ... -
JS图表控件FusionCharts使用教程：定制图表中的趋势线和趋势区
2014-11-14 08:54 615FusionCharts中的趋势线是什么 在Fusion ... -
JS图表控件FusionCharts使用教程：自定义图表的工具提示
2014-11-12 12:34 940什么是FusionCharts的工具提示 当鼠标指示到F ... -
JS图表控件FusionCharts使用教程：自定义图表上的垂直线
2014-11-12 12:34 1083什么是垂直分割线 FusionCharts中的垂直(或条 ... -
JS图表控件FusionCharts使用教程：在图表中显示标识和图片
2014-11-12 12:33 469在FusionCharts的图表中显示外部标识 使用Fu ... -
JS图表控件FusionCharts使用教程：在图表标绘非连续数据
2014-11-12 09:03 586你可能经常要以不完整的数据点绘制图表。例如,当绘制每月的销 ... -
JS图表控件FusionCharts使用教程：如何高亮显示数据
2014-11-12 09:02 382使用Flash图表控件FusionCharts时，通过改变 ... -
JS图表控件FusionCharts使用教程：如何设置图片导出格式
2014-11-11 09:04 731通过设置FusionCharts的<chart ex ... -
JS图表控件FusionCharts使用教程：自定义图表导出菜单或界面
2014-11-11 09:04 546FusionCharts的导出组件界面有两种模式： C ... -
FusionCharts使用教程：事件API总结
2014-11-11 09:03 5041、FusionCharts API：Initialize ...
相关推荐
### 玩转FusionCharts：Y轴数字形式(如去掉K) 在处理图表时，我们经常需要对显示的数据格式进行调整，以更好地满足展示需求或提升用户体验。本文将详细介绍如何利用FusionCharts这一强大的图表工具来实现Y轴数字...
标题提到的问题就是如何在FusionCharts中实现双Y轴，即显示双曲线。 在描述中，我们了解到FCF_MSLine.swf这个图表类型不支持双Y轴的显示，而MSCombiDY2D.swf则提供了这样的功能。MSCombiDY2D是FusionCharts的一种...
showNames 参数用于控制是否显示横向坐标轴的标签名称，默认值为 1(True)，表示显示标签名称。 三、rotateNames 横向坐标轴标签旋转参数 rotateNames 参数用于控制横向坐标轴标签的旋转，默认值为 0(False)，表示...
**FusionCharts教程** FusionCharts是一款强大的JavaScript图表库，用于创建交互式、美观的数据可视化效果。本教程将深入探讨FusionCharts的核心概念、安装、配置以及如何在实际项目中应用，旨在帮助初学者快速掌握...
在IT行业中，FusionCharts是一款广泛使用的交互式图表库，它能够帮助开发者创建美观且功能丰富的数据可视化应用。本文将详细讲解如何利用FusionCharts提供的`fcexporter.jar`和`fcexporthandler.jar`这两个关键的...
下面将详细探讨如何在JSP页面上实现多Y轴折线图，以及使用FusionCharts库进行此操作的相关知识点。 首先，我们需要了解JSP（JavaServer Pages）是Java的一种动态网页技术，它允许开发者在HTML页面中嵌入Java代码，...
下面将详细讲解FusionCharts的主要特性和使用步骤。 1. FusionCharts 介绍： FusionCharts是一款基于Flash的图表解决方案，它能够生成多种类型的图表，如柱状图、饼图、线图等。借助于Flash的视觉效果和XML的数据...
**使用FusionCharts展示JSON数据步骤** 1. **引入FusionCharts库**：首先，我们需要在HTML文件中引入FusionCharts的JavaScript库。这可以通过添加`<script>`标签来实现，确保链接到正确的FusionCharts库文件。 2. ...
本系列文章主要整理和汇总了Flash图表组件FusionCharts的一些技术文档，希望对FusionCharts使用者有帮助，欢迎交流！
在C#开发环境中，FusionCharts可以与ASP.NET、WinForms或其他.NET框架结合使用，为应用程序添加美观的数据呈现功能。本示例主要关注如何在C#项目中集成并使用FusionCharts。 首先，要使用FusionCharts，你需要在你...
- **adjustDiv**: 布尔值，自动调整Y轴的分割线位置，配合`numDivLines`属性使用，实现更精细的Y轴划分。 - **rotateYAxisName**: 布尔值，决定Y轴名称是否旋转显示，通常用于节省垂直空间。 - **yAxisNameWidth**: ...
- `showLimits`：设置是否在Y轴上显示最大最小数据值。 - `rotateNames`：控制X轴名称的旋转，1表示垂直显示，0表示水平显示。 - `animation`：启用或关闭图表元素的动画效果。 6. **字体属性** - `baseFont`：...
5. **初始化FusionCharts**：在客户端JavaScript中，使用`FusionCharts()`函数初始化图表，传入图表类型和数据源（即XML数据字符串）。 6. **在网页上显示**：将初始化后的FusionCharts对象嵌入到HTML中，通常是在...
FusionCharts JavaScript图表库的一个简单轻巧的官方React组件。 react-fusioncharts使您可以轻松地在React应用程序或项目中添加JavaScript图表。 Github回购： : 文档： : 支持： ： 融合图 官方网站： : ...
这个中文教程是为那些想要学习如何使用FusionCharts来创建动态、交互式图表的人准备的。以下是对FusionCharts及其相关知识点的详细说明： 1. **FusionCharts介绍**： FusionCharts是一款基于JavaScript和Flash的...
### Fusioncharts XT V3.2.2 最新中文版教程 #### 一、Fusioncharts V3.2.2 产品简介 Fusioncharts V3.2.2 是一款先进的图表制作工具，专为现代网站和企业应用程序设计，旨在帮助用户创建交互性强、视觉效果出众的...
XML结构允许自定义图表属性，如标题、子标题、X轴和Y轴名称。 2. **创建HTML结构**：在网页中添加一个`div`元素，作为FusionCharts图表的容器。例如，`<div id="chartDiv"></div>`。 3. **JavaScript集成**：通过...
- 自定义轴：可以自定义X轴和Y轴的刻度、标签、范围等。 - 多系列比较：在同一图表上可以展示多个数据系列，方便对比分析。 4. **ScatterReturn示例** - 散点图与区域图结合：散点图上的点代表特定的值，区域图...