第19页,共451页。 显示 4,505 条结果 (0.469 秒)
Echarts图形-扩展属性:柱子 - 并列柱图数据差异过大,导致数据柱子不显示
(本文仅供参考) 问题描述 图形中有并列柱图(多series系列,或者线图),存在不同series系列数据,其中由于不同系列中的数据差异过大,共用左轴,导致数据较小的系列数据在图形效果上,比如柱图的柱子基本上就不显示,如何优化,让系列数据比较小的显示。 解决方案 1、转换图形为双y轴联合图 image2023-9-18_10-56-33.png 2、在【组件设置】-【公共设置】-【自定义属性】中添加如下扩展属性: "series": [ { "name": "7",//数据中图形系列的名称,上图中两个系列名称为7、8,根据实际报表自行修改 "type": "bar", "stackEcharts图形-扩展属性:缩略轴 - 仪表盘对比柱图设置缩略轴
(本文档仅供参考) (该扩展属性代码已验证适用于echarts 5.1.2版本。由于代码在特定场景下可能存在限制,如果与实际应用场景不完全匹配,请根据具体需求自行调整相关代码,以确保其满足实际使用要求。) 问题 v11中的对比柱图组件,如何添加缩略轴来实现数据滚动展示,不然内容有点多显示不全,同时调整柱子粗细便于浏览。 image2024-11-6_16-24-57.png 解决方案 对比柱图是通过3个Y轴实现的,可在对比柱图上加上以下扩展属性即可。 option = { "series": [{ "barWidth": 10 }, { "barWidth": 10图表组件 ⬝ 桑基图
1 概述 桑基图又称桑基能量分流图或桑基能量平衡图,是一种特定类型的流程图,用于描述一组数值转化成另一组数值的流向,观察数据的流转情况。 桑基图的始末端的分支宽度总和相等,即所有主支宽度的总和与所有分出去的分支宽度的总和相等,保持能量的平衡;各主支和分支不同的宽度代表了不同的的流量大小;不同宽度的线条代表了不同 … > 右间距 为 16% 。效果如下图所示: sangji01.gif 3 更多设置 更多的图形属性设置项的详细介绍,可参考文档:图形属性。 配色修改:如需修改图形配色,可参考文档:颜色设置。 交互设计:如需了解交互相关功能,可参考文档:交互设计。 4 注意事项 1、桑基图始末两端的节点Echarts图形-扩展属性:柱子 - 堆积柱图柱子颜色渐变效果
(本文档仅供参考) 问题:普通柱图渐变 自助仪表盘柱图上想要柱子的颜色实现渐变的效果,如下截图 https://wiki.smartbi.com.cn/download/attachments/76696686/image2021-8-24_18-12-52.png?version … 柱图渐变 堆积柱图上想要柱子的颜色实现渐变的效果,如下截图 柱图渐变效果.png 解决方案 具体请参考如下扩展属性 { "series": [{ "itemStyle": { "normal": { "color横条图-动态排序横条图-如何使用
问题描述 在横条图组件模板资源中,有以下动态横条图组件模板。该组件模板的数据会动态变化。那么这个组件模板复制到自己的大屏可视化/自助仪表盘后该如何切换数据呢? 0309-21.gif 解决方法 请按照如下步骤操作: 1、将“动态横条图” 从 “横条图”组件模板资源中复制到自己的大屏可视化/自助仪表盘中 0309-22.png 2、该组件模板的数据模型需要有3个字段。 (1)行区字段 0309-23.png (2)列区字段 0309-24.png (3)横条图的数据是动态变化的,是将字段放在“标记”区的“颜色”中,并且通过宏代码来一个一个切换颜色字段的值,从而影响类目轴和指标轴的数据。类似于自动切换筛选Echarts图形-扩展属性:刻度 - 油量图自定义刻度值
(本文档仅供参考) 问题 油量图如何设置刻度值,如需要表盘刻度最大值为2,最小为0.5: 3.png 解决方案 可使用如下扩展属性设置: { "series": [{ "min": 0.5, "max": 2, }] } 另,V95-仪表盘中 2023-11-20_134050.png 油量图刻度值区间Echarts图形-扩展属性:样式 - 调整雷达图分类名称字体大小以及显示为正方形
(本文档仅供参考,此示例在V10.5.15上验证通过) 问题 仪表盘制作雷达图, 希望调整雷达图分类名称字体大小以及显示为正方形,如何实现? image2025-5-20_16-29-57.png 解决方案 可参考添加如下扩展属性: 注:显示为正方形需要本身只有4个分类 option = { "radar": { "startAngle": 45, //起始角度 "axisName": { "fontSize": 15 //文字大小 } } } 电子表格可参考:Echarts图形-扩展属性:标签 - 雷达图画布小的时候标签显示不全 正方形雷达图 雷达图字体大小修改图表组件 ⬝ 漏斗图
1 概述 漏斗图开始于一个100%的数量,结束于一个较小的数量。在开始和结束之间由N个流程环节组成。每个环节用一个梯形来表示: 梯形的上底宽度表示当前环节的输入情况; 梯形的下底宽度表示当前环节的输出情况; 上底与下底之间的差值形象的表现了在当前环节业务的减少量; 如果上下底之间的宽度近似,表示该环节的转化率高; 如果上下底之间的宽度一下子减小了很多,表示转化率低; 漏斗图有多种不同形态的类型可供切换,包括:漏斗图、升序漏斗图、左降序漏斗图、右降序漏斗图、左升序漏斗图、右升序漏斗图。 2 业务场景 说明:漏斗图、升序漏斗图、左降序漏斗图、右降序漏斗图、左升序漏斗图和右升序漏斗图六种图的画法一致,只是展现方式Echarts图形-扩展属性:进度条 - 柱图实现进度条的效果
(本文档仅供参考) 问题: 希望柱图显示为进度条的效果 解决方案 具体请参考如下扩展属性: { "series": [{ "type": "bar", "barWidth": "12%", "itemStyle … , "textStyle": { "color": "rgba(0,0,0,1)" }, "position": ["150%", "-5%"]//如为横条柱图烦请将150%修改为100Echarts图形-扩展属性:刻度 - 自助仪表盘的油量图修改宽度和增加单位
(本文档仅供参考) 问题说明 想修改油量图的宽度和添加单位,目前新建的油量图,什么扩展属性都不添加是下面的效果: image2021-4-2_19-8-57.png 解决方案 可以使用扩展属性实现,如下: image2021-4-2_19-10-16.png 前面需要添加一个英文的逗号,然后添加 … ": "function(value) { return value + '元';}" } } ] 效果图如下: image2021-4-2_19-11-53.png