第12页,共434页。 显示 4,338 条结果 (0.042 秒)
Echarts图形-扩展属性:刻度 - 油量图自定义刻度值
(本文档仅供参考) 问题 油量图如何设置刻度值,如需要表盘刻度最大值为2,最小为0.5: 3.png 解决方案 可使用如下扩展属性设置: { "series": [{ "min": 0.5, "max": 2, }] } 另,V95-仪表盘中 2023-11-20_134050.png 油量图刻度值区间图表组件 ⬝ 雷达图
1 概述 雷达图又称戴布拉图或蜘蛛网图,它从一个中心点向外辐射出多条坐标轴,每一个分类数据都占有一条数值坐标轴,并连接各坐标轴上同一系列的值构成一个个不规则多边形;在任何一个轴上: 靠近图形中心的点表示一个较低的数值。 靠近图形边缘的点表示一个较高的数值。 雷达图有多种不同形态的类型可供切换,包括:棱角面积雷达图、棱角线雷达图、圆环面积雷达图和圆环线雷达图。 2 业务场景 说明:棱角面积雷达图、棱角线雷达图、圆环面积雷达图和圆环线雷达图四种图的画法一致,只是展现方式不同,以下场景以棱角面积雷达图和圆环线雷达图为例。 2.1 业务场景一 1、场景描述:查看公司产品不同客户类型的销售量,如下图所示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图表组件 ⬝ 联合图
1 概述 联合图是以柱图、堆积柱图、线图或者堆积面积图任意两两组合的表现形式,展现两个或两个以上数据指标情况的图形。常用的联合图是线图和柱图的组合。以下将分别举例单Y联合图和双Y联合图两种图的画法。 2 单Y联合图 2.1 适用场景 单Y联合图只适用于以下条件都满足的情况: 1)指标数据的衡量单位 … 资源的“订单模型”作为数据来源。 3、操作步骤 在数据选择区中,勾选 订单年季 、 销售额 和 销售目标 字段,由系统自动分配到 X轴 和 Y轴 上;或拖拽 订单年季 字段到 X轴 ,销售额 和 销售目标 字段到 Y轴 。 系统默认将第一个添加到 Y轴 的数据以 柱图 展现,后面添加到 Y轴 的数据均以 线图交互仪表盘实现多指标对比柱图方案
(本文档仅供参考) 问题 当前对比柱图中,只能选择1个维度和两个度量,那么如何实现多指标对比柱图? 对比柱图.png 多指标对比柱图.png 解决方案 1.通过左右翻转多指标柱图来组合生成多指标对比柱图 自定义属性.png 自定义属性 option = { "yAxis … ": { "show": true, "position": "left"// 第二个系列的标签显示在左侧 } }] } 对比柱图多指标进度图
概要 进度图可直观展示某指标的进度,使仪表盘拥有更多视觉效果。 入口 图例 image2022-2-19_18-20-20.png 列区:0维度 指标区:1指标 直观展示指标的进度情况 2022-01-21_10-55-09.png 列区:1维度 指标区:1指标 分区展示不同维度的进度情况 2022-01-21_10-55-52.png 配图建议: 列:0个或1个维度 颜色区:0个或1个维度 指标区:1个度量 提示区:0个或多个度量/维度 数据要求: 建议为0维度1指标; 但支持列区拖入维度字段,以分区的形式展示不同维度的进度图效果Echarts图形-扩展属性:鼠标提示 - 柱图鼠标提示换行显示
(本文档仅供参考) 问题 如何实现柱图鼠标提示换行显示? 解决方案 可以用以下扩展属性实现: { "tooltip": { "formatter": "function(a){ debugger;return a.seriesName+'</br>'+a.name+'</br>'+a.data.value[1]}" } } 效果图如下: image2018-11-5 14:39:56.png 鼠标提示换行