第7页，共132页。 显示 1,312 条结果 (0.024 秒)
图形宏简介
1 概述 Smartbi提供“图形宏”功能，用户能根据需求实现图形的各种动态效果。“图形宏”是报表宏的一部分，是单指作用在ECharts图形对象上的报表宏，用户可以使用“图形宏”实现丰富的图形效果。如下图，实现了柱图的动态轮播。 添加宏代码前： 柱图.png 添加宏代码后： 柱图轮播.GIF Smartbi集成ECharts作为图形展现的其中一种组件。在Smartbi中，除Excel图形外，其余的图形展现基本都是使用ECharts组件。Smartbi选择ECharts主要的原因有两个： ECharts提供非常丰富的图形类型和组件库，且图形非常美观，具备优秀的交互体验Echarts图形-扩展属性：仪表盘双y联合图中柱图被曲线面积图遮挡
（本文档仅供参考） 问题说明 如下图所示，仪表盘中双y联合图中，使用曲线面积图和柱图时，曲线面积图默认会覆盖在柱图上，影响柱图的展示，以及影响柱图上的跳转、筛选等功能。 image2024-2-6_19-15-27.png 解决方案 目前产品中没有直接的设置项可以进行层级的调整，不过可以通过扩展属性或者宏的方式来讲柱图置于曲线面积图之上。 1、通过扩展属性的方式实现 与Echarts图形-扩展属性：联合图柱图显示上方，面积图显示在下方一致， { "series": [{ "zlevel": 0 }, { "zlevel": 1 }] } 不过需要注意图形的层级应该与图形保持一致，如下图所示ECharts图形-高级
{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跳转 - 电子表格如何实现点击echarts图形跳转传递非XY轴数据
中去。但是看了下报表本身的跳转规则功能，也只能获取到作图的XY轴和参数信息，即便将对应的区域字段作为图形提示字段，在跳转规则那边也选择不到。是否有其他方案可以实现该效果？ 解决方案 该问题解决方法，请参考如下步骤： 第一步：在“插入图表”对话框上，必须把要传递到目标报表的字段添加到“数据设置”中（图形上可以不使用它，也必须添加进来），如下图： image2025-3-29_11-33-48.png 第二步：正常在图形配置跳转规则。在选择目标报表的“参数来源”时，下拉框中随便选个一个字段即可。如下Echarts图形-扩展属性：样式 - 地图把画布变大后，图形和图例之间留有很多空隙，如何增大地图占比增大
（本文档仅供参考） 问题 地图把画布变大后，图形和图例之间留有很多空隙，如何增大地图占比增大。例如下图，希望地图增大到红框位置。 image2018-10-25 9:23:20.png 解决方案 可以通过以下扩展属性，调整地图的边距大小即可。 { //下面各值，请根据实际情况调整 "geo": { "left": "8%", "right": "8%", "bottom": 0, "top": "4%" } } 地图大小Echarts图形-扩展属性：修改图例大小不修改文字大小
(本文档仅供参考) 问题 如何修改图例大小，图例旁边的文字不修改大小 2022-06-06_173511.png 解决方案 通过图例-文字样式可以修改图例图形和文字的大小。 2022-06-06_173945d.png 若希望只修改图例的图形大小，可以使用扩展属性实现 { legend: { itemWidth: 40, //调节横线长短 itemHeight: 19 //调节圆圈大小 } } 效果如下： image_1654505612749_fmdgm.png 扩展：自助仪表盘中的自定义属性 { "legend": { "itemWidth": 50Echarts图形-扩展属性：数据标签 - 关系图的连线上显示关系信息
": true, "formatter": "function(x){ return x.name+'：'+x.value;}", //连线显示关系 } } }] } PS: x.name 和x.value 是固定图形方法属性，如果需要调出更多当前图形相关的方法属性，可以增加debugger 进入前端调试获取。 image2024-5-24_14-10-37.png 关系图连接线的数据标签不显示Echarts图形-扩展属性：x/y轴标签换行
（仅供参考） 问题1： 自助仪表盘柱图x轴名称能否换行显示 解决方案： 自助仪表盘图形柱图组件，组件设置，自定义属性，将编辑框里的属性代码删除掉，黏贴以下代码。（注：在代码正确合理时，会自动将我们自己写的代码合并到原有的代码里） { "xAxis": { "axisLabel … =v2 解决方案： 右键点击组件样式，在图形属性配置代码中加入如下扩展属性： { "xAxis": { "axisLabel": { "align": 'left', "padding": [0, 0, 0Echarts图形-扩展属性：X轴刻度标签倾斜角度
问题 电子表格echarts图形调整X轴刻度标签倾斜角度。 https://s2-cs-pub-std.kefutoutiao.com/doc/im/weixin_628_ogxAVv8V1OU8f7IhG9jLRMPE53g4_bb8d4245634c41f1bbc1d803e139a9d1.jpeg?Expires=1706507780&OSSAccessKeyId=bPexlr6MCcadDhfu&Signature=wOOcNSb9ds7KYo7W0CPiJN1oLoM%3D 解决方案 可在图形中通过扩展属性实现： { xAxis: { axisLabel
