第2页，共20页。 显示 195 条结果 (0.017 秒)
Echarts图形-扩展属性：修改图例大小不修改文字大小
(本文档仅供参考) 问题 如何修改图例大小，图例旁边的文字不修改大小 2022-06-06_173511.png 解决方案 通过图例-文字样式可以修改图例图形和文字的大小。 2022-06-06_173945d.png 若希望只修改图例的图形大小，可以使用扩展属性实现 { legend … , "itemHeight": 19 } } 1.png 图例图标大小Echarts图形-扩展属性：图例 - 饼图占比对齐
（本文档仅供参考） 问题： 饼图图例提示显示分类指标占比，出现占比无法对齐的情况，如何使占比也左对齐展示呢？ image2024-9-6_9-55-32.png 解决方案： 可以参考配置下面的扩展属性调整： { "legend": { "textStyle": { "rich": { "c": { "align": "left", "width": 30 } } } } } 添加对应属性后，效果如下图所示： image2024-9-6_9-54-57.png 图例占比位置 图例占比对齐样式 - 自助仪表盘 - 移动端组件图例分页按钮点不动
（本文档仅供参考） 问题描述 如下图，移动端的自助仪表盘，组件图例的分页按钮点不动。 image2022-12-30_15-37-56.png 解决方案（适配10.1） 只有点中图例分页的上一页(<)和下一页(>)的指示器才可以触发翻页，有以下两种解决方案扩大分页器的可点击范围： 1、组件自定义属性中添加扩展属性：设置分页器大小。 { legend: { pageIconSize: 15 } } 2、创建一个仪表盘宏资源包，给每个指定仪表盘资源的图形图例设置分页器大小。 /** * 类型：ClientSide * 对象：smartbix_portlet * 事件：onBeforeRender * 效果Echarts图形-扩展属性：图例 - 仪表盘折线图只显示某些系列折线
（本文档仅供参考） 问题： 当折线图系列过多时，折线堆叠重合，希望可以固定展示某几条折线。在点击其他系列图例时，再出现其他折线。 期望效果： 只显示某个系列折线20230703152504.png 解决方案： 【组件设置】-【自定义属性】-【图形配置】添加扩展属性，将不需要展示的折线，通过控制图例的隐藏 … } } } 说明：图例的当前选择状态是：SUV 类型被选中，而 MPV 类型和 轿车 类型未被选中；因此折线图只展示 SUV 系列折线。 显示部分图例图形 - 如何解决饼图和图例叠在一起
（此文档仅供参考） 问题 做饼图的时候，当图例较长较多的时候容易叠加在一起，如下： 1.png 解决方案 可以通过调大画布大小、适当调小图例的文字大小、或者调小饼图半径等操作来解决。 2.png 3.png 4.png 设置之后效果如下： 5.png 饼图和图例重叠Echarts图形-扩展属性：图例布局排版，图例间距，未选择状态下的颜色
（本文档仅供参考） 问题 想修改图例的布局从 横向排版 变成 竖向排版，同时修改图例的间距，以及未选择状态下的颜色 解决方案 可以使用扩展属性实现，如下： { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向，vertical竖向排版，horizontal横向 "align": "left", //图例对齐方式 "itemGap": 20, //修改图例的间距 //未选择默认是灰色，若想自定义设置未选择的颜色，可改下面的属性图例设置
在图例设置中，可以对图形的图例设置样式，包括位置、内容、分页、大小、形状和文本样式，图例设置入口如下： tulixiaoguo-01.png 位置 说明 设置图例的位置，有“无图例、上方、下方、左侧、右侧”五种展示形式。默认图例在上方。 效果 tuli.png 内容 说明 对于饼图、环形图、玫瑰图和半径玫瑰图，支持设置图例显示的文本内容，可设置图例显示“分类”、“指标”、“占比”三种文本内容。默认只显示“分类”值。 效果 设置图例显示“分类”和“占比”，效果如下图所示： tulixiaoguo-02.png 分页 说明 设置图例是否分页显示，默认分页显示。 当图例较多时，若不分页显示则所有图例全部显示部分图例
的分类比较多，因此若是显示图例的时候，图例也会成片的，这样的效果不大好，这时候可以通过设置部分图例来展示图例。 原效果图： 部分图例2.png 设置后的效果，比如说设置只显示10个图例： 部分图例.png 思路 1）新建客户端宏 1591770461(1).png 2）宏代码如下，显示部分图例 … 产品名称的数组 //从所有图例中截取部分作为新图例，0,9表示从第1个图例开始，截取到第9个 option.legend.data = data.slice(0,9); } 示例资源：显示部分图例.xml 设置部分图例 getoptions截图部分显示部分图例
的分类比较多，因此若是显示图例的时候，图例也会成片的，这样的效果不大好，这时候可以通过设置部分图例来展示图例。 原效果图： 部分图例2.png 设置后的效果，比如说设置只显示10个图例： 部分图例.png 思路 1）新建客户端宏 1591770461(1).png 2）宏代码如下，显示部分图例 … 产品名称的数组 //从所有图例中截取部分作为新图例，0,9表示从第1个图例开始，截取到第9个 option.legend.data = data.slice(0,9); } 示例资源：显示部分图例.xml 设置部分图例 getoptions截图部分组件设置-图例
位置 说明 设置图例的位置，有“无图例、上方、下方、左侧、右侧”五种展示形式。默认图例在上方。 效果 tuli.png 内容 说明 设置图例显示的文本内容，可设置图例显示“分类”、“指标”、“占比”三种文本内容。默认只显示“分类”值。 效果 设置图例显示“分类”和“占比”。 image2021-8-3_14-16-39.png 分页 说明 设置图例是否分页显示，默认分页显示。 当图例较多时，若不分页显示则所有图例全部显示。 效果 image2019-10-26 14:10:27.png 大小 说明 设置图例各个成员的大小。 效果 image2019-10-26 14:17:25.png
