第11页,共452页。 显示 4,516 条结果 (0.058 秒)
自助仪表盘堆积横条图使用指标和排序
(本文档仅供参考) 问题说明 自助仪表盘页面上放置了一个堆积横条图,列上有两个指标字段。 目前排序时,只能对某一个指标设置排序。客户希望:是用这列上的两个指标字段的合计值进行排序,保证合计值最大的柱子总是显示在最上面。 image2022-12-30_10-14-46.png 解决方案 在数据模型中增加一个计算字段,为两个指标的合计: image2022-12-30_10-14-8.png 在堆积横条图中使用该指标合计值作为提示进行排序: image2022-12-30_10-16-40.png自助仪表盘柱图X轴只显示某个字段的内容
(本文档仅供参考) 问题说明 X轴有多个字段显示时,只想要获取名称【只显示某个字段】,不需要显示ID【不需要显示其他字段,但其他字段又不能去掉】,只需显示名称,需要怎么实现呢? image2021-12-9_12-3-27.png 解决方案 使用扩展属性formatter函数,调用分割字符串方法显示对应字段内容: "formatter": "function(val){ var value = val.split('_')[1]; return value ? value : val}" 其中split('_')意思为,以 _ 为分割点,[1单Y联合图
概要说明 联合图是指以线图、柱图、面积图或者堆积图任意两两组合(双线图、双柱图、双面积图包含在内)的表现形式来展现两个或两个以上数据指标情况。常用的联合图是线图和柱图的组合。 而单Y联合图则是只有一个Y轴的联合图。 入口 图例 image2022-2-18_16-14-2.png … 一个“单Y联合图”图形组件到画布中。 image2022-2-18_16-14-2.png (2)拖拽“月份”字段到“列区”,“天河区”、“越秀区”、“黄埔区”、“从化区”和“平均房价”字段到“行区”。系统默认将第一个添加到“行区”的数据以柱图展现,后面添加到“行区”的数据均以线图展示,具体如下图表组件 ⬝ 联合图
1 概述 联合图是以柱图、堆积柱图、线图或者堆积面积图任意两两组合的表现形式,展现两个或两个以上数据指标情况的图形。常用的联合图是线图和柱图的组合。以下将分别举例单Y联合图和双Y联合图两种图的画法。 2 单Y联合图 2.1 适用场景 单Y联合图只适用于以下条件都满足的情况: 1)指标数据的衡量单位 … 资源的“订单模型”作为数据来源。 3、操作步骤 在数据选择区中,勾选 订单年季 、 销售额 和 销售目标 字段,由系统自动分配到 X轴 和 Y轴 上;或拖拽 订单年季 字段到 X轴 ,销售额 和 销售目标 字段到 Y轴 。 系统默认将第一个添加到 Y轴 的数据以 柱图 展现,后面添加到 Y轴 的数据均以 线图Echarts图形-扩展属性:Echarts3D柱图Z轴0刻度(第一个刻度)能否不显示
(本文档仅供参考) 问题 想把这个0去掉 有办法么,设置了scale:true,不管用 image2018-11-15 17:56:0.png 解决方案 通过扩展属性将0标签的字体颜色设置为与底色一样(实际0还在,只是不明显了,仔细看还是能看出一点点): { zAxis3D: { type: 'value', data: [{ value: 0, textStyle: { color: '#fff' }}] } } 实现效果: image2018-11-15 17:58:13.pngEcharts图形-扩展属性:调整仪表盘对比柱图左右柱子间距
(本文档仅供参考) 问题描述 如下图,V11仪表盘中使用对比柱图组件,有时候数据标签跟刻度标签靠的太近了,希望调整左右柱子的间距。 image2024-12-19_14-2-45.png 解决方案 由于对比柱图组件是定义了三个grid区域、三个x轴以及三个y轴,故调整左右柱子间隔可直接通过设置grid区域数组控制。 参考如下扩展属性: option = { grid: [{ "right": "53%" }, { "left": "53%" }, {}], } image2024-12-19_14-7-52.png 调整效果: image2024-12-19_14-8-17.png双Y联合图根据不同折线数值设置不同的柱子颜色
].data; //获取柱图信息 } } for (var i in dataline) { var value = parseInt(dataline[i].value[1]); databar[i].itemStyle = databar[i].itemStyle || {}; if (value < 1999 && value > 1000) { //设置柱子的指标值大于100000小于200000的柱图的颜色为黄色 databar[i].itemStyle环形图
,一个度量,数据类别不宜超过10项。 适用场景:侧重于描述在整个系统中,每个个体所占的权重。 如一年中各个季度的销售额的占比成分;公司各产品类别销售额占比;公司中各个部门的人数。 不适用场景: 1)数据类别过多 2)单纯比较不同类别间的数据大小,建议使用 柱图/堆积柱图 https … 概要说明 环形图与饼图类似,但又有区别。环形图中间有一个“空洞”,是由两个大小不一的饼图叠在一起,挖去中间的部分所构成的环状图形。环中的每一段都表示一类数据。 含义 入口 图例 可显示多个样本各部分所占的相应比例。 image2022-2-16_11-26-51.png饼图
的销售额的占比成分;公司各产品类别销售额占比;公司中各个部门的人数。 不适用场景: (1)数据类别过多 (2)单纯比较不同类别间的数据大小,建议使用 柱图/堆积柱图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83698840 。 示例 业务 … 概要说明 饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 下图是常用的饼图:表示不同产品类别的销售额在整体中所占的比重。 含义 入口 图例 表示不同产品类别的销售额在整体中所占的比重。 2022-02-18_10-12-02.pngECharts图形-标准饼图
过多 。 2)不能用于包含零或负值的数据的展示。 3)单纯比较不同类别间的数据大小,建议使用 普通柱图/堆积柱图 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501954 。 {html}<div style … {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 饼图主要用于表现不同类目的数据在总和中的占比。每个