精华内容
下载资源
问答
  • )在制作可视化报告时,会遇到如下需求:动态显示图表的标题。如下图所示,右侧图表标题的显示内容会根据左侧选中的数据项发生变化。当左侧未选中任何省份时,右侧显示全国的销售额,同时标题显示“全国各年销售额”...

    本文由 网易云 发布


    作者:汪谦 (本篇文章仅限知乎内部分享,如需转载,请取得作者同意授权。)


    在制作可视化报告时,会遇到如下需求:动态显示图表的标题。

    如下图所示,右侧图表标题的显示内容会根据左侧选中的数据项发生变化。

    当左侧未选中任何省份时,右侧显示全国的销售额,同时标题显示“全国各年销售额”;

    当左侧选中某一省份时(比如浙江省),右侧显示浙江省的销售额,同时标题显示“浙江各年销售额”。

    那么如何在有数中实现这样的功能呢?我们可以利用“图表”控件来制作动态标题。

    比如我们新建一个字符串类型的维度字段。

    然后将此字段拖入“图表”控件的标签区域,则图表就会显示字段对应的文字内容,如图所示。

    那么如何让标题动态显示当前选中的省份呢,可以利用“属性”聚合方式来实现(对于“属性”聚合方式不理解的同学可参考本文末尾的解释)。我们将“省份”字段拖入标签(在此之前,需要先将“省份”字段转换为度量字段,因为只有度量字段可以进行聚合),并将聚合方式选择为“属性”。则地图图表选中特定省份时,被联动的图表会显示对应的省份,如图所示。

    可以注意到当地图图表未选中任何省份时,右侧图表会显示“null”,这是“属性”聚合方式的特性决定的。当未对右侧图表进行数据筛选时,图表包含了所有省份的数据,则“省份”字段包含多个取值,聚合为一个值的时候,结果为“null”。

    我们可以利用有数的计算字段,使得未选中任何省份时,显示成“全国”,最终的计算字段语法如下:

    将该字段拖入图表控件的标签区域,即可实现,未选中任何省份时,显示“全国各年销售额”,选中特定省份时(比如浙江省),显示“浙江各年销售额”,如图所示。

    至此,大功告成。


    关于“属性”聚合的解释如下:

    聚合:指的是对一组值进行计算并返回单个值。 例如,包含值 1, 2, 3, 3, 4 的某个度量经过求和聚合后返回单个值:13。

    “属性”聚合:聚合方式的一种,如果一组数据中都是相同值,则返回该值,否则返回空。例如,包含值“浙江”、“浙江”、“浙江”的某个度量经过属性聚合后返回单个值:“浙江”。而包含值“浙江”、“浙江”、“江苏”的某个度量经过属性聚合后返回的结果为空值(即“null”)。


    欢迎免费体验网易有数


    了解 网易云

    网易云官网:https://www.163yun.com/

    新用户大礼包:https://www.163yun.com/gift

    网易云社区:https://sq.163yun.com/


    展开全文
  • unit1(调用窗体),其中放入button1:caption为‘预览’,用以查看报表,再加入label1:caption为‘报表标题’;edit1用以接收用户输入的标题。再建立form2(放置quickreport元件的窗体),其中放入quickrep元件和三个...

    ---- 首先,建立form1;unit1(调用窗体),其中放入button1:caption为‘预览’,用以查看报表,再加入label1:caption为‘报表标题’;edit1用以接收用户输入的标题。再建立form2(放置quickreport元件的窗体),其中放入quickrep元件和三个qrband元件,其bandtype分别为rbTitle,rbColumnHeader,rbDetail.但其中无须放入qrlabel和qrdbtext元件,由程序中自动生成。再在form2;unit2中放入table1,table2。在databasename属性中填入数据库所在的Alias Name.在tablename中分别填入Goods,TableInformation.其中Goods中存放商品信息,可以设置以下字段:ID;Name;Unit;Price。TableInformation中的字段为TableName; FieldsName; DisplayName数据库中填入以下信息。

    <br><br>Goods ID 商品编号<br><br>Goods Name 商品名称 <br><br>Goods Price 商品单价 好了,准备工作完成了一半,现在写入代码。在unit1的implementation下写入uses Unit2;在button1的click事件中写入以下代码:


    <br><br>在unit1中添加一个过程PreparePrint;<br><br><br><br>procedure TForm1.PreparePrint<br><br>; var LeftValue:integer; <br><br>aLabel : TQRLabel;<br><br>aText:TQRDBText; <br><br>begin LeftValue:=100;<br><br>with Form2 do<br><br>begin aLabel := TQRLabel.Create(Form2); '设置标题 <br><br>aLabel.Parent := TitleBand1;<br><br>with aLabel do <br><br>begin Width:=300;<br><br>Height:=TitleBand1.Height;<br><br>Alignment:=taCenter;<br><br>Caption := Edit1.Text;<br><br>end;<br><br>Table1.Open; <br><br>Table2.Open;<br><br>Table2.First;<br><br>while not Table2.EOF <br><br>do begin<br><br>aLabel := TQRLabel.Create(Form2); ’设置显示字段标题 <br><br>aLabel.Parent := HeaderBand1;<br><br>with aLabel do <br><br>begin AutoSize:=False;<br><br>AutoStretch:=True;<br><br>Left :=LeftValue; <br><br>Top := 0; <br><br>Width:=80; <br><br>Height:=HeaderBand1.Height;<br><br>Alignment:=taCenter;<br><br>Caption := ' '+table2.FieldbyName( 'DisplayName').AsString+' ';<br><br>end;<br><br>aText := TQRDBText.Create(Form2); '设置显示字段内容 <br><br>aText.Parent := DetailBand1;<br><br>with aText do <br><br>begin AutoSize:=False; <br><br>AutoStretch:=True;<br><br>Height:=DetailBand1.Height;<br><br>DataSet:=Table1;<br><br>DataField:=Table2.FieldbyName( 'FieldsName').AsString;<br><br>Alignment:=taCenter; <br><br>end;<br><br>LeftValue:=LeftValue+80;<br><br>Table2.Next;<br><br>end; <br><br>end;<br><br>end;

    转载于:https://www.cnblogs.com/myamanda/articles/1571814.html

    展开全文
  • 如何制作微课.doc

    2019-06-20 11:04:51
    如何制作微课  (2013-10-29 21:16:24) 转载▼ 如何制作微课 基于录屏软件Camtasia Studio,软件使用视频教程 http://www.youku.com/playlist_show/id_5311052.html 或 ...
  • 如何制作手风琴

    2021-05-25 19:24:00
    简单的使用一个div标签包裹一个h2标签作为标题和一个ul标签就可以了。同时给div标签和h2标签一个类,用于添加CSS样式,ul标签则给一个ID。因为后面需要使用JavaScript进行动态添加标签所以我们要给ul标签一个ID方便...

    这次我们要制作的是一个垂直的下拉框,这种下拉框一帮在电影院比较常见。

    这就是我们今天要制作出来的效果。今天要用到JavaScript的动态添加标签的效果,所以我们的布局基本不怎么需要。简单的使用一个div标签包裹一个h2标签作为标题和一个ul标签就可以了。同时给div标签和h2标签一个类,用于添加CSS样式,ul标签则给一个ID。因为后面需要使用JavaScript进行动态添加标签所以我们要给ul标签一个ID方便查找。

    CSS样式我们先给一个*号键。*号代表的是选择整张网页。一帮网页都会自动生成一定的内边距和外边距。所以使用一个*号选择整个网页将外边距和内边距清零。

    给div标签的类一个宽度,这个宽度需要下一张图片同时也要能放下大量的文本。大概600px就够了。然后我们在给一个外边距,上下边距大概为30个px左右边距居中。然后给一个实线的边框。这样div的样式就设置完成了。

    接着就是h2标签的样式,h2标签作为标题标签,也需要居中效果,但是因为它被div标签包裹着所以,我们并不需要设置他的外边距。我们只要给他的内边距个像素就可以了,让它跟下面的li标签有个距离就够了。同时也设置一下它的字体颜色。

    *{
    	margin: 0;
    	padding: 0;
    }
    .container{
                width:600px;
    			margin: 30px auto 0;
    			border:1pxsolid #ccc;
    	}
    .title{
    		padding:10px;
    		color: #F8BFBF;
    	}

    现在我们要设置等下要添加的标签的样式

    我们先选择到ul标签中的li标签,先去除无序标签的小圆点,然后设置一个虚线边框和外边距,因为我们还需要在li标签中添加文本,所以也需要设置字体大小。同时我们还要设置隐藏。接着,选择ul标签中的li标签的span标签,设置字体大小为px和右外边距为10个像素。添加一个新的类,这个类是我们等下使用JavaScript动态添加元素时需要使用到的类。给这个类一个内边距为10个像素,在添加一些基本的样式就可以了。

    		*{
    			margin: 0;
    			padding: 0;
    		}
    		.container{
    			width:600px;
    			margin: 30px auto 0;
    			border:1pxsolid #ccc;
    		}
    		.title{
    			padding:10px;
    			color: #F8BFBF;
    		}
    		ul>li{
    			list-style: none;
    			padding: 5px 10px;
    			border: 1px dashed #ccc;
    			font-size:18px;
    			overflow: hidden;
    		}
    		ul li>span{
    			font-size: 24px;
    			font-style:italic;
    			margin-right:10px;
    		}
    		.red{
    			color: #E62326;
    		}
    		.content{
    			padding-top: 10px;
    		}
    		.content div{
    			width: 40%;
    			height: 140px;
    			float:left;
    		}
    		.content img{
    			width: 100%;
    			height: 100%;
    		}
    		.content p{
    			width: 56%;
    			font-size: 12px;
    			padding: 4px 10px;
    			float: left;
    		}

    设置完CSS样式后我们就需要使用JavaScript来动态添加HTML的标签了。

    我们先声明一个变量用来添加对于各个电影的简介,使用number标序,movieName是电影名称,imgsrc添加图片,introduce添加文本。添加完对各个电影的简介后就开始写真正的JavaScript代码了。先给一个window.onload事件,在事件中声明一个方法,这个方法等下我们需要使用到。接着就是获取元素使用for循环将每个li标签绑定上鼠标移入事件,绑定一个鼠标移入时display从none改变为block。

    在调用一个函数,使用到上面声明的方法,在使用for循环将span标签和div标签还有img标签绑定在ul标签中的li标签里。同时绑定一个p标签在li标签中。p标签是用来存放文本的,我们将上面的电影简介都绑定在p标签中。

    window.onload=function(){
    			creatLi();
    			var lis=document.getElementById("list").getElementsByTagName("li");
    			for(var i=0;i<lis.length;i++){
    				lis[i].onmouseover=function(){
    					this.querySelector(".content").style.display="block";
    				};
    				lis[i].onmouseout=function(){
    					this.querySelector(".content").style.display="none";
    				}
    			}
    		}
    		function creatLi(){
    			var li=null;
    			var list=document.getElementById("list");
    			for(var i in movieList){
    				li=document.createElement("li");
    				li.innerHTML='<span class="red">'+movieList[i].number+'</span>'+movieList[i].movieName+'<div class="content"><div><img src="'+movieList[i].imgsrc+'"alt=""></div><p>简介:'+movieList[i].introduce+'</p></div>';list.appendChild(li);
    			}
    			li=null;
    		}

    这样手风琴的效果就制作完成了

     

     

     

    展开全文
  • 现在Focusky(以下简称“FS软件”)支持用户分享自己的作品到微信朋友圈上,让朋友轻松与您分享您的优秀作品。...步骤二:设置好标题、选择演示分类后,点击“输出”图标按钮; 【▲图2】 步骤...

    现在Focusky(以下简称“FS软件”)支持用户分享自己的作品到微信朋友圈上,让朋友轻松与您分享您的优秀作品。您只需要将您的作品上传到FS软件的云服务器,就能得到作品链接及二维码,扫一扫二维码便能快速得将作品分享到朋友圈。具体操作步骤如下:

    步骤一:点击工具栏上的“输出”按钮后,选择“输出到云服务器”;
    在这里插入图片描述
    【▲图1】(Focusky教程)

    步骤二:设置好标题、选择演示分类后,点击“输出”图标按钮;
    在这里插入图片描述
    【▲图2】(Focusky教程)

    步骤三:输出后,用手机扫描二维码即可在手机上打开并把Focusky作品分享到朋友圈。
    在这里插入图片描述
    【▲图3】(Focusky教程)

    展开全文
  • 我用Excel来管理各种各样的表格,这些表格的... 如果能做一个动态表头,将所有标题需要变动的部分做成单元格的引用,只要改动一处,所有的标题将一起跟着改变,这样就方便多了。后来经过尝试实现了这个目标: 1. 制作
  • 动态库与静态库的优缺点新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建...
  • grid 制作表格

    2020-07-08 10:55:31
    1.如何实现行列根据数据动态变化【先行后列】 2.如何实现标题行 开始实现 初始数据 data:[{name:'张三',age:'24',height:'1.78'},{name:'李四',age:'20',height:'1.78'},{name:'王五',age:'21',height:'1.74'}], ...
  • Android 动态增加按钮 居于textview右侧

    千次阅读 2015-07-29 15:47:29
    利用popwindow制作的菜单,切换不同的界面,总共有10个菜单,几乎标题都是一样的,只不过标题不一样,现在遇到有一个界面要求中间的标题右侧要要加一个按钮,能够点击跳转到另外一个界面,要解决的问题是如何动态在...
  • 动态网站开发试题

    2013-10-27 16:16:25
    3、在网页设计过程中,如果希望该网站的所有网页都保持统一的风格(字体、字型、颜色、各级标题),那么可以使这些网页都链接一个共同的⑹_______________________文件。 4、要在网页中加入水平滚动字幕“北京示范...
  • 如何使用手机把普通图片转变成漫画风格图片?我来教大家怎么做哦嘿嘿嘿,很简单的呢,制作漫画风图片无需...审核通过后就可以在动态首页看到自己上传的图片和制作好的动漫图片 如何你想快速通过可以联系客服 ...
  • 在以下我们将介绍的动态文字制作软件中,带有多种预设的标题文字动画,大家可以轻松的直接套用,也能自定义文字动画,让视频影片更具专业感及可看性(视频画面定格)!大家不防来学学如何给视频加动感文字的简单方法。...
  • EXCEL自动化报告制作完整流程

    千次阅读 2020-06-05 21:17:36
    步骤: 1、设计报告的呈现内容和形式 比如需要呈现哪些数据,以什么形势呈现,表格或者图表 2、设计报告内容实现逻辑 ...一般包括4个部分:标题,结论,关键指标(用表格呈现,比如销售额、销售量、...
  • 3、在网页设计过程中,如果希望该网站的所有网页都保持统一的风格(字体、字型、颜色、各级标题),那么可以使这些网页都链接一个共同的⑹_______________________文件。 4、要在网页中加入水平滚动字幕“北京示范...
  • WordPress主题制作进阶#4展示博客文章

    千次阅读 2018-09-24 22:33:40
    我们之前创建了主题并添加了标题和导航栏,接下来学习如何用WordPress提供的主循环展示博客文章,我们现在页面上的博客是写在HTML中的静态内容,但是在集成了WordPress的页面中,所有的内容都应该是动态的。...
  • 本地登录如何下图: 登录成功后即出现重菜单如图: 修改网站名 点左边的“修改网站名称”,会出现如下画面: 把输入框中的“您公司的网站名称”修改为真实的公司网站名,如“IBM中国公司官方网站”,然后点...
  • 标题:【干货】如何实现H5移动端无缝滚动动画需求分析哈哈,上动态图真的是一下就明了了。 就是滚动么滚动,那么制作这个有什么方法呢?我们来总结一下:html骨架其实很简单,最外面的是做固定的窗口,里面的控制...
  • 虚拟可以在项目开发的早期阶段发挥作用,在这种情况下,必须对有关如何设计前端的基本问题和假设进行测试并解决,才能得出结论,以便进一步深入甘特图的工程师开始进行对您的混淆工作。 它也被视为准备好接受...
  • 如何建立一个网站?... 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格。 2.开发制作 本次网站规划设计采用软件
  • 小弟前段时间制作了一个爬取某个新闻页面的类,并将其制作成了jar包,请问如何动态加载这个r包,请问下步如何实现?求帮助。 源码如下: ``` package Test01; import java.io.File; import java.lang.reflect....
  • 中文名: 花好月圆:中文版Adobe Photoshop CS/Premiere Pro 1.5动感婚纱电子相册制作宝典 作者: 王竹泉 资源格式: PDF 版本: 扫描版 出版社: 兵器工业出版社书号: 7801725992发行时间: 2006年3月 地区: 大陆 语言: ...
  • 42.如何制作不规则的多边形按钮 43.如何制作GIF动画效果的按钮 44.如何制作AVI视频效果的按钮 45.如何在程序中动态创建按钮控件 46.如何在视图窗口中创建按钮控件 47.如何获取鼠标指向的按钮控件标题 48.如何创建...
  • 如何制作不规则的多边形按钮  43.如何制作GIF动画效果的按钮  44.如何制作AVI视频效果的按钮  45.如何在程序中动态创建按钮控件  46.如何在视图窗口中创建按钮控件  47.如何获取鼠标指向的按钮...
  • 实例003 如何制作吸附窗口程序 实例004 如何制作透明程序窗口 实例005 如何制作半透明程序窗口 实例006 如何制作不规则程序窗口 实例007 如何制作程序渐变背景 实例008 如何设置程序背景图像 实例009 如何设置...
  • 第一部分 界面设计

    2013-10-22 23:10:34
    实例003 如何制作吸附窗口程序 实例004 如何制作透明程序窗口 实例005 如何制作半透明程序窗口 实例006 如何制作不规则程序窗口 实例007 如何制作程序渐变背景 实例008 如何设置程序背景图像 实例009 如何设置...
  • Visual C++编程技巧精选500例.pdf

    热门讨论 2012-09-01 15:01:50
    002 如何设置消息框标题? 003 如何使用资源串创建消息框? 004 如何使用资源串动态显示消息框内容? 005 如何使消息框显示问号图标? 006 如何使消息框显示“是/否”按钮? 007 如何使消息框显示“重试/取消”按钮? 第...
  • 实例003 如何制作吸附窗口程序 实例004 如何制作透明程序窗口 实例005 如何制作半透明程序窗口 实例006 如何制作不规则程序窗口 实例007 如何制作程序渐变背景 实例008 如何设置程序背景图像 实例009 如何设置...
  • 实例003 如何制作吸附窗口程序 实例004 如何制作透明程序窗口 实例005 如何制作半透明程序窗口 实例006 如何制作不规则程序窗口 实例007 如何制作程序渐变背景 实例008 如何设置程序背景图像 实例009 如何设置...
  • 如何制作类似Windows任务栏的窗口 第5章 SDI和MDI窗口 文档、视图、框架窗口间的关系和消息传送规律是怎样的 如何切分窗口 如何固定视图间的分隔线 如何动态改变切分窗口的大小 如何实现切分窗口中视图的动态切换 ...
  • 制作垂直标题栏的窗体下 用API函数控制光驱的开关 如何映射/中断网络磁盘 制作垂直标题栏的窗体上 实现隐藏和显示桌面图标 VB托盘程序详解下 妙用GetSystemMetrics函数 利用API和注册表获取系统信息上 VB快速调用...

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 246
精华内容 98
关键字:

动态标题如何制作