第15页,共420页。 显示 4,193 条结果 (0.033 秒)
水球图-带进度条水球图-圆形点状
问题描述 水球图组件模板资源中,有以下组件模板,名称为“带进度条水球图-圆形点状”。效果如下: 0307-40.png 若是将其复制到浅色主题的大屏可视化/自助仪表盘下,其效果如下。会有一部分样式因为颜色与背景色接近,导致效果不明显。 0307-41.png 此时需要修改这个白色“线框”的颜色。例如下面的效果 0307-42.png 解决方法 1、在复制过来的水球图上,右键→宏管理 0307-43.png 2、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单,打开宏代码编辑界面 0307-44.png 3、找到以下代码,将其中的“white”,改成仪表盘-堆积柱图显示合计宏应用后部分柱子没有显示合计行
=43&pageId=62293219 实现堆积柱图显示合计值,但应用后部分柱子没有显示合计行 image2025-4-3_17-53-45.png 原因 宏代码处理合计标签的逻辑是把最后一个系列的标签改成显示合计值 当前图形最后一个系列是b3,而a2 没有b3这条数据,导致这个柱子没有渲染,从而标签也不显示。 image2025-4-3_17-54-49.png 解决办法 调整宏代码逻辑,通过宏代码构造一个虚拟的系列,加到图形最后一个series,用于展示数据标签。 /** * 类型:ClientSide * 对象:图形组件 * 事件:onBeforeRender * 实现效果:堆积图显示合计组合指标看板-柱图告警组合指标看板
问题描述 在“组合指标看板”组件模板资源中,有如下的组合指标看板。 0314-03.png 那么,在这些组件模板中,中间的进度图是怎么实现的呢? 0314-04.png 解决方法 该进度图实际上是使用“横条图”实现的。 1、使用的是“横条图”。因此复用该组件时,数据模型中需要有2个字段。除了度量字段作为列区字段外,还需要有一个维度字段作为 行区 字段。 0314-05.png 2、该组件在“组件设置”→ “高级”中 设置了 “输出行数”为1。复用时需根据实际情况将配置去除 0314-06.png 3、横条图的“进度”效果,是通过“自定义属性”中添加了如下“代码”,实现“柱体”下方出现灰色的背景的“槽横条图-方块型横条图-修改标签字体大小和颜色
问题描述 在复用组件模板 方块型横条图之后,如果想要修改标签的字体大小和颜色,应该怎么办呢? 0308-09.png 解决方法 这需要在宏代码中处理,请按照如下步骤操作: 1、在复制过来并替换数据之后的方块型横条图上,右键→宏管理 0308-10.png 2、在宏管理界面上,点击一下刷新按钮 … seriesItem.label.fontSize = 14; 其中'14'即为字号,根据实际情况修改即可。 如下: 0406-28.png 注意事项 1、若将标签字体修改得太大,此时需要将横条图高度进行调整,标签才不会重叠到横条上。WEB电子表格 · 迷你图
迷你图是迷你图是单个工作表单元格内的微型图表,可用于直观地表示和显示数据趋势。 目前WEB电子表格支持三类迷你图:折线图、柱图、盈亏图。 示例效果 本章节将基于 Web电子表格快速入门 中的创建的表单示例来演示如何设计迷你图,该报表需要展现不同区域所有类别产品的数据,并且以折线迷你图来展现当前区域的数据。 2022-06-26_15-04-58.png 操作步骤 1、增加“迷你图”列,选中单元格E2,单击"更多"工具条中的 迷你图,弹出下拉菜单,选择 折线图。 2022-06-26_14-57-45.png 2、在弹出的图形设置窗口中设置 “销售量” 数据所在的单元格D2。然后点击 确定 按钮保存设置半径玫瑰图
概要说明 半径玫瑰图是在南丁格尔玫瑰图的基础上形成的,其图形中每个类别所对应扇区的圆心角角度都一致,以扇区的半径大小来表示数据系列的大小。 含义 入口 图例 可显示多个样本各部分所占的相应比例。 2022-05-12_9-49-46.jpg https://wiki.smartbi.com.cn/download/attachments/89034006/image2022-2-16_17-22-36.png?version=1&modificationDate=1645003355397&api=v2 优势 可以快速直观了解到大致的占比情况,能凸显出数据的差异感。 配图建议Echarts图形-扩展属性:实现横条图+折线图效果
(本文档仅供参考) 问题 联合图中图形都是纵向的,希望实现横条图+折线图的横向效果,通过联合图无法直接设置实现。 解决方案 可通过对横条图使用扩展属性修改图形类型实现此效果,步骤如下所示。 先生成横条图,如下图所示: image2022-11-28_10-55-9.png 再参考以下扩展属性,将横条图的一个系列更改为折线图,即可实现此效果: { "series": [ { "type": "bar" //第一个数据系列为柱图 }, { "type": "line" //第二个数据系列为折线图Echarts图形-扩展属性:仪表盘对比柱图设置缩略轴
(本文档仅供参考) (该扩展属性代码已验证适用于echarts 5.1.2版本。由于代码在特定场景下可能存在限制,如果与实际应用场景不完全匹配,请根据具体需求自行调整相关代码,以确保其满足实际使用要求。) 问题 v11中的对比柱图组件,如何添加缩略轴来实现数据滚动展示,不然内容有点多显示不全,同时调整柱子粗细便于浏览。 image2024-11-6_16-24-57.png 解决方案 对比柱图是通过3个Y轴实现的,可在对比柱图上加上以下扩展属性即可。 option = { "series": [{ "barWidth": 10 }, { "barWidth": 10ECharts图形-关系图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 关系图是指使用图形和连线表示节点与节点(人物或是事物)之间关系的一类图。 下图是一个关系图示例,展示人物之间的关系。每个节点的颜色表示他们的类型,圆圈大小表示每个人的声望大小,圆圈越大,声望越大。 image2021-6-10_11-34-2.png 优势:适合难以用语言和表格表达的关系。 劣势:适用情况单一。 数据要求:一个关系线需要五个数ECharts图形-关系图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 关系图是指使用图形和连线表示节点与节点(人物或是事物)之间关系的一类图。 下图是一个关系图示例,展示人物之间的关系。每个节点的颜色表示他们的类型,圆圈大小表示每个人的声望大小,圆圈越大,声望越大。 image2021-6-10_11-34-2.png 优势:适合难以用语言和表格表达的关系。 劣势:适用情况单一。 数据要求:一个关系线需要五个数