课程二十六:如何制作图表报表

说明:在报表中,使用图表展示数据会更清晰明了。本课程以“销量”表为例,讲解如何用盈帆报表做图表。

第一步:认识图表

点击菜单栏“插入”—“插入图表”,或者在工具栏中点击,弹出图表对话框,图表类型包括:柱状图、条形图、折线图、饼图、堆叠柱状图、百分比柱状图、圆形图、漏斗图、仪表图、中国地图、省/直辖市/自治区地图等。

图表所占位置较大,所以在工作表中单元格位置需要设置大点。插入图表后,在工作表中会有图表样式,属性栏中“数据单元格”会显示图表的相应属性。图表属性包括“图表名称”、“图表类型”、“数据源”、“分类名”、“系列名”、“值名”、“汇总方式”等选项。图表用分类名、系列名、值名来划分,他们的值来源于所选数据源里的数据集或其他数据单元格。

第二步:添加数据源

数据源区点击,在数据集编辑框中输入:“select * from 产品销量”,添加数据源“ds1”。

第三步:建立工作表

在工作表中合并B2—G10单元格,在菜单栏中点击“插入”—“插入图表”,或者在工具栏中点击,在合并的单元格内插入图表,图表类型选择为“柱状图”。

第四步:设置单元格属性

属性栏“数据单元格”中设置如下属性:“图表名称”为“业务员订购图”,“图表类型”为“柱状图”,“数据源”设置“ds1”,“分类名”选择“产品名称”,“系列名”选择“业务员”,“值名”选择“订购数量”,“汇总方式”选择“累加”。

在设置“数据源”时,可以选择单元格,再将实际的单元格位置添加进去。例如:将“产品名称”、“业务员”、“订购数量”拖拽到B1、C1、D1位置,选择数据源为“单元格”,“分类名”为“B1”,“系列名”为“C1”,值名为“D1”。

需要注意的是使用“单元格”作为“数据源”时,需要手动设置“值名”所设置的数据单元格的“汇总方式”。

第五步:预览效果图

点击工具栏,预览效果图。

第六步:保存模板

保存模板,模板命名为“销量表柱状图”。

盈帆报表中所有图表只是样式不同,用的数据是相同的。在图表单元格的属性栏中改变成不同的图表类型,预览时可看到不同类型图表的展示。

使用web设计器制作图表报表相关推荐

  1. 开源UReport 整合到产品中实践简要:(二)UReport 设计器制作的报表效果参考(转载)

    ​ UReport2是一款基于架构在Spring之上纯Java的高性能报表引擎,通过迭代单元格可以实现任意复杂的中国式报表. ​ 在UReport2中,提供了全新的基于网页的报表设计器,可以在Chro ...

  2. 8.图片组件和动画效果--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)...

    前面示例我建立了三种形状的组件,圆.矩形.椭圆,本节我将再扩展两种类型:图片和动画,并通过这个过程来论证前面OOP的编程是如何简化扩展工作的: 首先要在工具条里增加这两个组件,以便可以拖动: < ...

  3. 新一代纯前端控件集 WijmoJS 2018V2发布,提供 Web 设计器,可动态设计页面并生成代码...

    概述 作为一款纯前端控件集,WijmoJS 秉承"快如闪电,触控优先"的设计理念,在提供优质服务和产品的同时,专注于企业应用开发,不断优化产品架构,与时俱进.除在全球率先支持 An ...

  4. asp.net 报表页面模板_Stimulsoft ASP.NET MVC报表教程:在设计器中保存报表模板

    Stimulsoft Reports.Net最新版下载:https://www.evget.com/product/1071/download 本示例说明如何加载报表模板并在设计器中对其进行编辑. 首 ...

  5. 基于Vue实现的Activiti工作流Web设计器

    真正的大师,永远都怀着一颗学徒的心! 一.项目简介 基于Vue实现的Activiti工作流Web设计器 二.实现功能 支持生成xml文件 支持生成子流程 支持连线 组件有:起点.终点.判断.条件.任务 ...

  6. Apace组态设计器-制作风车

    Apace实时数据库产品系列中提供了强大的组态设计功能,并通过Javascript脚本能制作出模拟真实场景的制动组态画面,最终在silverlight上呈现给客户. 下面就基于该组态设计器制作一个电厂 ...

  7. web设计器--设计流程图(raphael)(一)

    案例是采用raphael的js文件进行画图,适用web设计,可以下载案例,里边是一些html的案例,下载后自己研究一下数据格式引入到自己的项目里. Demo下载地址:http://download.c ...

  8. 【机房收费系统】——傻瓜式报表设计器制作报表模板

    一.下载安装Grid++Report5.0: 1.搜索下载Grid++Report5.0并安装:(附赠哟~但是建议大家自己去下载) 云盘分享:https://yunpan.cn/c6ggtnHFDsg ...

  9. 学习用康虎云报表模板设计器制作好用的报表(1)

    康虎云报表提供一个可视化的模板设计器. 模板设计器包括若干个工具条,可以停靠在任何你想要的地方.这些工具条会记住上次停靠的位置. 初识模板设计器: 设计器主界面如下图: 下面是模板设计器的一些关键特性 ...

最新文章

  1. 【20160924】GOCVHelper 图像处理部分(2)
  2. 腾讯数据解读:95后基本不爱用微信,98%都是成年人,社交应用存在巨大机会...
  3. 超级直播sop直播源.zip_双11首场虚拟直播,天猫超级直播开创直播新玩法
  4. wordpress使用retro方案出现413 Request Entity Too Large(Activate还是有问题)
  5. win8.1出现 called runscript when not marked in progress
  6. Linux c 算法与数据结构--双向链表
  7. Python程序输入一个字符串并查找总数的大写和小写字母
  8. word转chm_如何免费在线将图像转换为Word?
  9. 来我们公司面试必问的41道 SpringBoot 面试题,不看亏大了!
  10. k8s 部署 owncloud
  11. 什么是Word Embeddings
  12. 【密码学基础】03 传统加密技术
  13. 去哪儿cli2项目总结
  14. 软件开发中产品与项目区别
  15. Firm C下的优化算法
  16. web前端期末大作业 html+css+javascript网页设计实例 宠物狗网站制作
  17. 《全球互联网金融商业模式:格局与发展》——第3章,第4节互联网保险服务公司...
  18. 1003 Universal Travel Sites (35 分)(C++)
  19. eNSP安装包 百度网盘链接开篇·前言
  20. 程序员想转行管理或者产品经理,真难啊

热门文章

  1. pytorch快速上手-使用自动标注软件Openlabeling和yolov5快速完成目标检测
  2. django 常用static\media\邮箱\富文本编辑器配置(备忘)
  3. C++基础继承和多态(水上飞机)
  4. VScode恢复删除的文件
  5. 在Linux系统中的安装cpolar内网穿透
  6. C语言迷宫如何实现多个关卡,c语言实现迷宫问题#仅供借鉴
  7. AMCL中odom数据处理
  8. 一度智信:拼多多商家上架商品指南分享
  9. C++矩阵之岛屿的最大面积
  10. 扡扫机器人_石头扫地机器人评测:扫拖一体 指哪扫哪