第3页,共136页。 显示 1,358 条结果 (0.025 秒)
第二课:Smartbi图形宏
1 图形宏简介 当图形需要根据数据,动态展示一些效果的时候,使用扩展属性也难以满足。Smartbi提供了“图形宏”功能,用户能根据需求实现图形的各种动态效果。“图形宏”是报表宏的一部分,是单指作用在ECharts图形对象上的报表宏,用户可以使用“图形宏”实现丰富的图形效果(如下图,实现柱图轮播)。 柱图轮播.GIF 基本上,使用Smartbi的图形宏功能,可以在Smartbi实现任何使用ECharts能够实现的图形。创建入口与创建报表宏相同(详见:报表宏创建方式 https://wiki.smartbi.com.cn//pages/viewpage.action?pageId=69731515),功能图形展现
是指通过各类图形将多维分析中的数据形象生动展现的一类分析方法。 系统支持的图形类型有:柱图、线图、面积图、横条图、饼图、圆环图、漏斗图、金字塔图、雷达图、联合图、双Y轴联合图、瀑布图。 一个多维分析支持添加多个图形。每个图形都可以单独进行编辑和删除。 操作入口 添加图形:单击工具栏中的 图形 按钮;弹出“图形设置”窗口;设置好后,点击 确定 按钮,则会添加一个图形。允许重复操作添加多个图形。 image2019-10-30 11_3_2.png 编辑图形:在每个图形的右上角的图形按钮上点击 设置 按钮,则进入图形属性设置窗口。 image2019-10-30 11:4:13.png “图形设置”窗口Echarts图形-扩展属性:图形上下翻转
(本文档仅供参考) 问题 图形在不通过设置负值的情况下能否实现反转 解决方案 实现图形的上下反转可通过在扩展属性中将x轴设置到图形上方,并将y轴反转,可参考如下扩展属性设置: { "yAxis": { "inverse": true }, "xAxis": { "position": "top" } } 效果如下: image2021-5-24_16-50-31.png图形宏
1 概述 Smartbi提供“图形宏”功能,用户能根据需求实现图形的各种动态效果。“图形宏”是报表宏的一部分,是单指作用在ECharts图形对象上的报表宏,用户可以使用“图形宏”实现丰富的图形效果。如下图,实现了柱图的动态轮播。 添加宏代码前: 柱图.png 添加宏代码后: 柱图轮播.GIF Smartbi集成ECharts作为图形展现的其中一种组件。在Smartbi中,除Excel图形外,其余的图形展现基本都是使用ECharts组件。Smartbi选择ECharts主要的原因有两个: ECharts提供非常丰富的图形类型和组件库,且图形非常美观,具备优秀的交互体验图形主题
系统自带内置主题,并支持用户预自定义主题,在报表定制时,可以一键应用这些主题,将报表设计人员从繁琐的图形设计工作中解放出来,提高工作效率的同时满足设计效果需求。 内置主题不允许打开后不允许修改名称、别名等属性,只支持修改代码后另存。 功能入口 图形主题操作入口:公共设置的功能树中找到 图形主题。如下图所示: 1330.png 新建自定义主题 以下通过创建柱图自定义图形演示如何新建自定义主题的功能操作。 第一步:创建自定义图形柱图 1、操作入口: 入口1:在“系统导航栏”选择 公共设置,展开资源目录区,在“图形主题”节点下“自定义主题”文件夹上右键,选择 新建 > 自定义图形主题,进入“新建图形主题
系统自带内置主题,并支持用户预自定义主题,在报表定制时,可以一键应用这些主题,将报表设计人员从繁琐的图形设计工作中解放出来,提高工作效率的同时满足设计效果需求。 内置主题不允许打开后不允许修改名称、别名等属性,只支持修改代码后另存。 功能入口 图形主题操作入口:公共设置的功能树中找到 图形主题。如下图所示: 1330.png 新建自定义主题 以下通过创建柱图自定义图形演示如何新建自定义主题的功能操作。 第一步:创建自定义图形柱图 1、操作入口: 入口1:在“系统导航栏”选择 公共设置,展开资源目录区,在“图形主题”节点下“自定义主题”文件夹上右键,选择 新建 > 自定义图形主题,进入“新建图形宏简介
1 概述 Smartbi提供“图形宏”功能,用户能根据需求实现图形的各种动态效果。“图形宏”是报表宏的一部分,是单指作用在ECharts图形对象上的报表宏,用户可以使用“图形宏”实现丰富的图形效果。如下图,实现了柱图的动态轮播。 添加宏代码前: 柱图.png 添加宏代码后: 柱图轮播.GIF Smartbi集成ECharts作为图形展现的其中一种组件。在Smartbi中,除Excel图形外,其余的图形展现基本都是使用ECharts组件。Smartbi选择ECharts主要的原因有两个: ECharts提供非常丰富的图形类型和组件库,且图形非常美观,具备优秀的交互体验Echarts图形-扩展属性:电子表格中地图设置为底层图形,上面其它echarts图形要求透明
(本文档仅供参考) 问题 电子表格中最底层是画的echarts地图,然后在周边分别画了其它echarts图形,要求周边的这些图形是透明的,且背景也是透明,如下图效果: image2018-11-14 15_12_0.png 解决方案 针对周边的图形添加扩展属性,设置图形透明及背景透明: { "series": [{ "itemStyle": { "normal": { "opacity": 0.3 } } }], "backgroundColor": "rgb(128, 128ECharts图形-高级
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置图形的具体名称。 image2019-11-27 10:57:1.png 预览效果 先设置图形标识为“横条图123”,再设置跳转规则的时候,选择 图形,则可以在“图形”查找已有图形标识的图形。 image2019-11-27 11:15:53.png {html}<div style="border-bottomECharts图形-高级
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置图形的具体名称。 image2019-11-27 10:57:1.png 预览效果 先设置图形标识为“横条图123”,再设置跳转规则的时候,选择 图形,则可以在“图形”查找已有图形标识的图形。 image2019-11-27 11:15:53.png {html}<div style="border-bottom