第12页，共489页。 显示 4,882 条结果 (0.037 秒)
Echarts图形-扩展属性：数据标签 - 柱图数据标签重叠问题
（本文档仅供参考） 问题 当柱图系列较多，数值较大且相近时，容易出现数据标签重叠的现象，如下图所示： image2021-4-25_10-41-38.png 如何实现每个系列中的数据标签可以依次往上偏移，实现数据标签不重叠？ 解决方案 可通过扩展属性调整每个柱子的数据标签位置，扩展属性如下： { "series": [{ "itemStyle": { //有多个系列柱图，需要设置多个itemStyle "normal": { "label": { "show": true, "position": "top", "offset": [0, 0] //是否对文字进行偏移。默认不偏移。例如：[30ECharts图形-树图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 树图是以树结构的方式组织展现各级分类及指标的一类图形，它是利用包含关系表达层次化数据的可视化方法。 树图既可以组织存在父子结构的项目，亦可以组织无父子关系的项目。下图中图1树图是基于父子关系结构字段构建，图2是基于非父子关结构字段构建，其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建，要求必须定义指标轴（Y轴）。 类型 图例 基于ECharts图形-树图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 树图是以树结构的方式组织展现各级分类及指标的一类图形，它是利用包含关系表达层次化数据的可视化方法。 树图既可以组织存在父子结构的项目，亦可以组织无父子关系的项目。下图中图1树图是基于父子关系结构字段构建，图2是基于非父子关结构字段构建，其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建，要求必须定义指标轴（Y轴）。 类型 图例 基于交互仪表盘立体柱状图
= (value:any) => value.max portlet.setChartOptions(option); } migrate.xml 立体柱图 3d柱图透视分析（旧）图形位置调整
（本文档仅供参考） 问题说明 透视分析如何调整图形的显示位置？ 解决方案 产品的透视分析的报表设置按钮中有直接调整图形位置的设置项： 2.jpg 修改透视分析图形位置 移动透视分析图形Echarts图形-扩展属性：柱子 - 设置柱图柱子宽度
（此文档仅供参考） 问题：柱子宽度限制 自助仪表盘需要设置柱图的柱子宽度，但是在组件样式设置处没有设置的设置项 image2020-2-24 17:48:14.png 解决方案 可以写扩展属性去设置柱子的宽度 02.png 03.png 用到的扩展属性如下 { "series … ": [ //有多少个图例就有多少组 { "barMaxWidth": 20 }, { "barMaxWidth": 20 } ] } https://wiki.smartbi.com.cn指标卡组件注释图标位置单独配置
（本文档仅供参考，仅适用于本文档中的示例报表/场景，若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。） （如下宏验证版本为V11） 问题说明 仪表盘里的指标卡组件，其注释图标显示的位置比较尴尬，需要移动到固定位置上。 解决方案 通过如下宏代码，对仪表盘中的指标卡组件的提示注释显示位置进行控制。 ## 指标卡组件注释图标位置单独配置，放在右上角 类型：ClientSide 对象：图表_1 事件：onBeforeRender function main(page: IPage, portlet: IIndicatorPortletEcharts图形-扩展属性：样式 - 地图大小、画布位置调整
（此文档仅供参考） 问题 如何调整地图大小，以及地图在画布位置 1.png 解决方案 可以通过扩展属性实现 { layoutCenter: ['20%', '50%'],//设置地图在画布的位置 // 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域 layoutSize: 220 //设置地图大小 } 地图画布大小 地图大小横条图-排序横条图（二）
的“刷新”按钮，即可看到效果。如下示例： 0314-18.png 注意事项 1、当类目轴对应的字段的内容过长时，类目轴刻度标签位置的长度可能较长，此时效果可能不太好 0309-10.png 此时可以适当调整横条图的宽度，使得右半部分的横条宽度足够，效果便会好很多 … 问题描述 将横条图组件模板资源中的排序横条图（二）复制到自己的大屏可视化中，并且替换数据之后。如果想要修改序号的背景颜色和刻度轴标签的背景颜色的话。该怎么处理呢？ 0309-01.png 解决方案 以上的效果都是在宏代码中定义的，可以按照如下步骤操作。 1、在复制过来并替换数据之后的排序横条图（二）上，右键自助仪表盘 - 移动端中柱图、线图上的点难以选中
（本文档仅供参考） 问题描述： 自助仪表盘移动端看板有柱图、线图，点击柱子和或者线图上的点弹出信息框时，一般要点击好几次才能选中，或者多次都无法选中，应该如何解决呢？ image2022-12-30_15-21-49.png 解决方案： 对于以上现象，Echarts本身针对这种场景是做了优化的，当点击其他图例关闭对应数据视图，只开启想要查看的数据视图，这样图形会自动自适应，就扩大了每个数据点可点击范围。 image2022-12-30_15-31-46.png 而线图可点击查看数据的只有每个数据点，但由于手机屏幕本身较小，对于点击查看数据的场景，可以将这个大小设置大一点，扩大可点击范围
