第6页，共451页。 显示 4,505 条结果 (0.062 秒)
并列轴单图例颜色设置
带并列轴的柱图，因作为图例的分类有可能是动态的情况，就会存在单图例的情况，但产品中默认对于单图例的颜色的柱图是设置了多种颜色的，这样在图例显示的情况下，用户会产生疑问，为什么图例和柱图颜色对应不上，针对于这样的问题，可采取以下解决方案。 调整前的效果： image2020-6-10 18:41:19.png 调整后的效果： image2020-6-10 18:42:44.png 调整后对于多图例效果也不会有影响： image2020-6-10 18:43:41.png 思路 1）新建客户端宏 image2017-12-14 10:40:1.png 2）宏代码如下，设置Y轴起始点 function图表组件 ⬝ 旭日图
1 概述 旭日图是一种现代饼图，它超越传统的饼图和环图，能表达清晰的层级和归属关系，以父子层次结构来显示数据构成情况。 旭日图中，离源点越近表示级别越高，相邻两层中，是内层包含外层的关系。 2 业务场景 1、场景描述：分析2020年和2021年产品类别的销售量情况，如下图所示： xuru02.png 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 在数据选择区中，勾选 订单年份 、 产品类别 和 销售量 字段，由系统自动分配到 维度 和 标记 > 角度 上；或拖拽 订单年份 和 产品类别 字段到 维度 ，销售量 字段到 标记 > 角度 。 xuru01.png 4、旭日图默认支持数据环形图
概要说明 环形图与饼图类似，但又有区别。环形图中间有一个“空洞”，是由两个大小不一的饼图叠在一起，挖去中间的部分所构成的环状图形。环中的每一段都表示一类数据。 含义 入口 图例 可显示多个样本各部分所占的相应比例。 image2022-2-16_11-26-51.png image2022-2-16_16-25-29.png 优势 ① 明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。 ② 由于色块面积比较小，留白更多，有更多空间留给信息标注和图文排版，使用时更灵活轻巧。 配图建议： 颜色：1个维度； 角度：1个度量； 数据要求：一个维度组件设置-图例
位置 说明 设置图例的位置，有“无图例、上方、下方、左侧、右侧”五种展示形式。默认图例在上方。 效果 tuli.png 内容 说明 设置图例显示的文本内容，可设置图例显示“分类”、“指标”、“占比”三种文本内容。默认只显示“分类”值。 效果 设置图例显示“分类”和“占比”。 image2021-8-3_14-16-39.png 分页 说明 设置图例是否分页显示，默认分页显示。 当图例较多时，若不分页显示则所有图例全部显示。 效果 image2019-10-26 14:10:27.png 大小 说明 设置图例各个成员的大小。 效果 image2019-10-26 14:17:25.pngEcharts图形-扩展属性：样式 - 环形图颜色渐变
（本文档仅供参考） 问题 环形图希望实现颜色实现渐变的效果，如下截图 渐变饼图.png 解决方案 具体请参考如下扩展属性 2023-08-31_171201.png { "series": [ { "data": [ { "itemStyle": { "color … )" } }, { "itemStyle": { "color": "rgba(225,200,0, 0.2)" } } ] } ] } tip： 其实就是将两个wiki的代码结合起来。 修改环形图颜色：https://wiki.smartbi.com.cn/pages显示部分图例
的分类比较多，因此若是显示图例的时候，图例也会成片的，这样的效果不大好，这时候可以通过设置部分图例来展示图例。 原效果图： 部分图例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截图部分图表组件 ⬝ 雷达图
，在数据选择区中，勾选 公司要素 、 高端产品 和 低端产品 字段，由系统自动分配到 维度 和 指标 上；或拖拽 公司要素 字段到 维度 ，高端产品 和 低端产品 字段到 指标 。 leida05.png （2）在组件设置区，设置 属性 > 图例 > 位置 在 下方 。 leida06.png （3）对雷达 … 1 概述 雷达图又称戴布拉图或蜘蛛网图，它从一个中心点向外辐射出多条坐标轴，每一个分类数据都占有一条数值坐标轴，并连接各坐标轴上同一系列的值构成一个个不规则多边形；在任何一个轴上： 靠近图形中心的点表示一个较低的数值。 靠近图形边缘的点表示一个较高的数值。 雷达图有多种不同形态的类型可供切换，包括：棱角Echarts图形-扩展属性：仪表盘双y联合图中柱图被曲线面积图遮挡
（本文档仅供参考） 问题说明 如下图所示，仪表盘中双y联合图中，使用曲线面积图和柱图时，曲线面积图默认会覆盖在柱图上，影响柱图的展示，以及影响柱图上的跳转、筛选等功能。 image2024-2-6_19-15-27.png 解决方案 目前产品中没有直接的设置项可以进行层级的调整，不过可以通过扩展属性或者宏的方式来讲柱图置于曲线面积图之上。 1、通过扩展属性的方式实现 与Echarts图形-扩展属性：联合图柱图显示上方，面积图显示在下方一致， { "series": [{ "zlevel": 0 }, { "zlevel": 1 }] } 不过需要注意图形的层级应该与图形保持一致，如下图所示【仪表盘】值变化时切换下方的Tab控件
let stringArray: string[] = [ 'Tab_饼图', 'Tab_柱图' ]; stringArray.forEach((tabTitle) => { // 查找对应 … =f07b1020-1d4b-c4f1-e9ff-e70593090390&hash=%2Fpage%2Fa4803d6b2db991a16b0d180ce0952531#/page/a4803d6b2db991a16b0d180ce0952531 导出资源：值变化时切换下方的Tab控件.xml
