图表控件制作双轴图

工具/原料

图表控件:FineReport

大小:148.2M 适用平台:windows/linux

问题描述

多种图表类型,可在一张图表混合显示。如图表中既存在柱形图,又有折线图或面积图,且各图表类型的纵坐标轴可设置在左或右,实现混合图表。如下图效果:

2. 示例

2.1 准备数据

新建工作薄,添加数据集,SQL语句为SELECT 产品名称, 库存量, 订购量, 再订购量 FROM [产品] where 类别ID = 1,选出饮料类各产品的库存量、订购量与再订购量作为图表数据来源。

2.2 插入图表

以悬浮图表为例,点击插入>悬浮元素>插入图表,弹出图表向导对话框,选择组合图,点击确定。

2.3 设置图表数据

图表数据来源于数据集数据,设置如下:

此时分页预览,可以看到默认第二个系列为折线图且使用右侧坐标轴,其余系列都是柱状图,使用左侧坐标轴:

2.4 设置双轴属性-条件显示设置

而我们需要同类的订购量与再订购量使用柱形图且使用左侧坐标轴,而与他们比较的库存量使用折线图且使用右侧坐标轴。

选中图表,点击图表属性表-特效>条件显示,点击左边第一个条件,可以看到默认设置好了系列1(库存量)的样式为柱形图、使用主坐标轴(左侧坐标轴),修改其系列样式为折线图,坐标轴选择次坐标轴,标记类型修改为实心,如下图:

按照同样的方法,修改条件显示的第二个,设置系列2(再订购量)的样式为柱形图,使用主坐标轴;

再添加一个条件显示,设置系列3(库存量)的样式为柱形图,使用主坐标轴(右侧坐标轴);

更多系列按照同样的方法设置即可。

注:系列序号是按照设置图表数据时的系列顺序来编号的。

2.5 保存与预览

保存模板,点击分页预览,效果即如上。模板效果在线查看请点击DoubleFigure.cpt

已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\DoubleFigure.cpt。

时间: 2024-10-08 09:27:38

图表控件制作双轴图的相关文章

amCharts 股票走势K线图金融图表控件下载及详细介绍

amCharts股票走势图的主要目的是为了显示金融图表控件,但它可以用于任何日期(时间)为基础的数据可视化. 股票走势图,是一个功能强大的应用程序,让你忘了最枯燥的部分构建复杂的统计系统.它具有内置的期间和数据集选择工具,并能较长组数据.这使您可以向下钻取图表不用任何额外的编码,只使用一个数据文件.单击"最大"按钮下面的图表,你会发现该图表显示月度数据.点击"1月"的按钮,你会看到,现在的图表显示每天的数据. 主要特点: 支持线,柱,烛台,OHLC,步线的图表类型.

图表控件FlowChart.NET详细介绍及免费下载购买地址

FlowChart.NET是一款专业的.NET平台下的流程图及图表控件,它可以运行在任何C#, VB.NET或Delphi.NET语言编写的软件中.能够帮助你创建工作流程图.对象层次和关系图.网络拓扑图.实体关系图.IVR.工业自动化.genealogy trees .算法流程图.组织结构图.XML文档.类图等,该控件可轻松的整合到您的应用程序中,且不需要太多的程序编写.详细的文档可帮助您快速掌FlowChart.NET的使用方法,且包含了多种编程语言的实例.FlowChart.NET提供多种功

支持XML和JSON数据的图表控件FusionCharts XT

FusionCharts XT是一款功能强大的图表控件,同时支持HTML5和Flash,可以用于PCs, Macs, iPads, iPhones ,支持XML和JSON数据,可以帮您为您的Web应用创建交互式的.数据驱动的图表.仪表盘和地图.它具有智能化.用户友好和创新等特点,可以将单调的数据转化为栩栩如生的图像,从而使您的Web应用更加的生动.它可以完美的应用于web应用软件.管理仪表板.分析学.展示和决策支持系统,可以与诸如ASP.ASP.NET.PHP.JSP.ColdFusion和Ru

图表控件FlowChart.NET详细介绍及免费下载地址

FlowChart.NET是一款专业的.NET平台下的流程图及图表控件,它可以运行在任何C#, VB.NET或Delphi.NET语言编写的软件中.能够帮助你创建工作流程图.对象层次和关系图.网络拓扑图.实体关系图.IVR.工业自动化.genealogy trees .算法流程图.组织结构图.XML文档.类图等,该控件可轻松的整合到您的应用程序中,且不需要太多的程序编写.详细的文档可帮助您快速掌FlowChart.NET的使用方法,且包含了多种编程语言的实例.FlowChart.NET提供多种功

用数据说话!图表控件LightningChart .NET助力开发人员打造全新数据分析体验

在我们开发项目时,经常需要将一些数据统计,并以图表形式显示出来.图形图表的可视化数据表现形式已成为一种趋势.当然,现如今的图表控件种类繁多,各有各的优势.身为开发人员的你是否也难以抉择?如果您的行业属于科学和研究,工程,经济和金融,贸易,医药,能源,太空和防御等对数据要求比较苛刻的行业:如果您希望快速处理庞大数据:如果您追求卓越的性能,那么这款控件-LightningChart .NET,将会是你不二的选择. LightningChart .NET是用于WPF和Windows窗体的最快的2D和3

基于MVC+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts

在我们做各种应用的时候,我们可能都会使用到图表统计,以前接触过一些不同的图表控件,在无意中发现了图表控件Highcharts,其强大的功能和丰富的互动效果,令人难以忘怀.本篇主要介绍在Web开发中使用图表控件Highcharts,以及对其进行统一汉化等操作,让我们的程序功能更加丰富,内容更加美观. 1.Highcharts基础介绍 Highcharts是一个非常流行,界面美观的纯Javascript图表库.它主要包括两个部分:Highcharts和Highstock.Highcharts可以为您

基于MVC4+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts

在我们做各种应用的时候,我们可能都会使用到图表统计,以前接触过一些不同的图表控件,在无意中发现了图表控件Highcharts,其强大的功能和丰富的互动效果,令人难以忘怀.本篇主要介绍在Web开发中使用图表控件Highcharts,以及对其进行统一汉化等操作,让我们的程序功能更加丰富,内容更加美观. 1.Highcharts基础介绍 Highcharts是一个非常流行,界面美观的纯Javascript图表库.它主要包括两个部分:Highcharts和Highstock.Highcharts可以为您

Silverlight 图表控件 Visifire 常用属性

首要介绍 Visifire 常用属性的设置,用来生成不合样式的图例 设置Chart的属 //设置title的值 // 创建一个题目标对象 Title title = new Title(); // 设置题目标名称 title.Text = titleText; title.Padding = new Thickness(0, 10, 5, 0); // 向图标添加题目 chart.Titles.Add(title); //是否显示3D结果 chart.View3D = view3D; //图表数

转:Highcharts图表控件的使用

摘要 Highcharts图表控件是目前使用最为广泛的图表控件.本文将从零开始逐步为你介绍Highcharts图表控件.通过本文,你将学会如何配置Highcharts以及动态生成Highchart图表. 目录 前言(Preface) 安装(Installation) 如何设置参数(How to set up the options) 预处理参数(Preprocess the options) 活动图(Live charts) 转:http://www.cnblogs.com/liuhaorain