第4页，共416页。 显示 4,152 条结果 (0.034 秒)
图表组件-柱图
概述 类型 常态效果 堆积态效果 柱状类 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83698840 2022-01-22_17-05-20.png 2022-01-22_17-05-55.png … ://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83698920 2022-01-22_17-07-42.png 2022-01-22_17-08-23.png 瀑布图 https://wiki.smartbi.com.cn/pages/viewpage.action自助仪表盘文本组件中字体渐变效果
（本文档仅供参考） 问题： 自助仪表盘文本组件中的字体是否可以实现渐变效果？ 解决方案： 可在富文本中设置字体颜色渐变，可参考下图设置： image2023-3-14_15-43-5.png image2023-3-14_15-43-34.png 在style中添加如下代码： background: linear-gradient(orange, purple);//需自行调整渐变的颜色 -webkit-background-clip: text; color: transparent; 如果上面代码不行，可以尝试下方代码饼图/圆环图-跑道型圆环图/带数字卡牌器环形图
说明 饼图/圆环图组件模板资源下的 ”跑道型圆环图” 和 ”带数字卡牌器环形图” 复制到浅色主题的大屏可视化/自助仪表盘下时，因这些主题的背景色与组件模板中的字体颜色接近，导致文字显示效果差。 组建模板效果 0309-53.png 0309-54.png 复制到浅色主题的大屏可视化下，效果如下： 0309-55.png 若仍需要将该组件模板应用于浅色主题下，就需要修改相关的宏代码。 解决方案 1、将组件模板复制过来，切换成自己的数据模型、配置好字段后。选中组件，右键→宏管理 0407-01.png 2、在宏管理界面上，点击一下刷新按钮，这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单，打开宏代码编辑面积图/堆积面积图
概要说明 面积图又称区域图，是在折线图的基础之上形成的, 它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充。 面积图强调数量随时间而变化的程度，也可用于引起人们对总值趋势的注意。 堆积面积图可以显示部分与整体的关系。 面积图与线图类似，区别是用面积表示数量，比线图更为直观。了解线图详情可参考线图 。 含义 入口 图例 面积图 展示或者比较随着时间连续变化的定量，各线的起点是原点，线与线之间有交叉。 2022-02-15_17-19-51.png 如下面积图表示某公司一年中饮料和点心销售额的变化情况的比较： image2018-9-21 17:58:10.png横条图/堆积横条图
概要说明 横条图是柱图的横向表现形式，又称横向柱图：用若干个细长的横条长度来表达各类数量大小的图形。 含义 入口 图例 横条图 显示单个分类项目间的比较情况。这类横条图是最常用的图形之一。 https://wiki.smartbi.com.cn/download/attachments/83698916/2022-02-15_9-02-53.png?version=2&modificationDate=1646809433120&api=v2 下图仅对不同车企的销售量进行对比： image2018-9-15 15:39:52.png 堆积横条图 通过将每个横条进行仪表盘分区柱图修改为柱图线图组合对比图
（本文档仅供参考，因宏代码具备一定场景限制，如和实际应用场景不符合，需要自行调整相关宏代码） 效果说明 在多种数据分析场景中，使用上面一个线图（折线图）和下面一个柱图（条形图）的组合方式来进行对比，是一种非常直观且有效的展示手段。这种组合通常用于那些需要同时展现两类或两类以上数据变化趋势，并且这些数据在相同的X轴维度（如时间、类别等）上有所对比的场景。 分区柱图用于同时展示相同维度下不同分类的指标数据，适合用于展示数据差距较大的多指标数据。通过如下修改，可以实现该效果，如图： 分区柱图改造.png 实现方案 1、添加对应的扩展属性，添加方式具体如下图，详细代码如下【扩展属性】，该方法适用于图形中系列数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) 比柱图支持的分类项目多些。 劣势：不适合表示趋势分析。 数据要求： 1）一个或多个分类值，一个或多个指标值。 2）数据量不宜过多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) 比柱图支持的分类项目多些。 劣势：不适合表示趋势分析。 数据要求： 1）一个或多个分类值，一个或多个指标值。 2）数据量不宜过多饼图/圆环图-玫瑰环形图-标签在内
说明 饼图/圆环图组件模板资源下的 “玫瑰环形图-标签在内”若复制到浅色主题的大屏可视化/自助仪表盘下时，因为背景色与标签字体颜色接近，所以标签无法正常显示。 组件模板效果 0314-01.png 复制到浅色主题的大屏可视化下，效果如下： 0314-02.png 此时需要修改数据标签的的相关颜色。 解决方案 1、将组件模板复制过来，切换成自己的数据模型、配置好字段后。选中组件，右键→宏管理 0407-10.png 2、在宏管理界面上，点击一下刷新按钮，这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单，打开宏代码编辑界面 0407-07.png 3、查看宏代码中最上面的注释ECharts图形-标准面积图/堆积面积图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 面积图在折线图的基础上将折线与分类（X）轴之间填充颜色或者纹理，形成一个面表示数据体积，反映了数据的变化趋势的大小。 优势：面积图可以进行层叠，方便比较数据。 数据要求： 1）一个或多个分类值，一个或多个指标值。 2）数据量不宜过多，标准面积图建议不超过3个组数据，堆叠面积图建议不超过7组数据。 适用场景： 1）展示时间维度上变化的值。 2
