第12页,共420页。 显示 4,193 条结果 (0.078 秒)
ECharts图形-饼图
以实际的业务需求和美观性为出发点,饼图衍生出多种不同形态的子图:标准饼图、标准环形图、南丁格尔玫瑰图,用来更好的表现和满足不同的数据对比分析需求。 (点击图片可跳转到相应图形说明文档。) 标准饼图 标准环形图 南丁格尔玫瑰图 image2019-12-23 14:11:18.png … ?pageId=49808023 image2019-12-23 14:5:48.png http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808023 饼图的属性包括数据设置、基本设置、标题、图例、提示、工具、序列、高级桑基图
概要说明 桑基图又称桑基能量分流图或桑基能量平衡图,是一种特定类型的流程图。 桑基图的起始流量和结束流量相同,所有主支宽度的总和与所有分出去的分支宽度总和相等,保持能量的平衡;各主支和分支不同的宽度代表了不同的的流量大小;不同宽度的线条代表了不同的流量分流情况,线条的宽度成比例地显示此分支占有的流量。 入口 含义 图例 image2022-2-18_16-22-47.png 桑基图用于描述一组数值转化成另一组数值的流向,观察数据的流转情况。 下图是一个桑基图,它显示了不同发货区域的产品数量和产品流向的各发货城市的数量。从图可以看出:各区域中华北区域的主支宽度最大,产品数量最大,各分指标组件 ⬝ 油量图
1 概述 油量图是指以油量表的形式来展现指标数据。有一个圆形的表盘及相应的刻度,刻度表示数值的范围,有一个指针指向当前数值,可直观的表现出某个指标的进度或实际情况。以下将分别举例油量图、内刻度油量图和外刻度油量图三种图的画法。 2 图形效果 油量图 外刻度油量图 内刻度油量图 youliangtuxiaoguo-01.png 2021-11-15_15-26-39.png youliangtuxiaoguo-02.png 内刻度油量图和外刻度油量图是油量图的不同展现形式,可根据实际应用场景及样式要求进行选择,下面以油量图为例,详细说明创建过程: 3 油量图 3.1 基础实现堆积柱图+线图
实现联合图是堆积柱图+线图的效果?现在是效果如下: 堆积线.png 思路 1)设置好联合柱图,如下: 堆积线2.png 2)新建客户端模块: image2022-11-8_15-10-7.png image2017-6-30 14:57:53.png 3)具体宏代码如下: function … } } } } 4)最终效果图: 堆积线3.png 示例资源:实现堆积柱图+线图.xml 联合图 堆积图线图实现堆积柱图+线图
实现联合图是堆积柱图+线图的效果?现在是效果如下: 堆积线.png 思路 1)设置好联合柱图,如下: 堆积线2.png 2)新建客户端模块: image2022-11-8_15-10-7.png image2017-6-30 14:57:53.png 3)具体宏代码如下: function … } } } } 4)最终效果图: 堆积线3.png 示例资源:实现堆积柱图+线图.xml 联合图 堆积图线图指标组件 ⬝ 进度图
1 概述 进度图可直观展示某指标的进度,使仪表盘拥有更多视觉效果。以下将分别举例进度图和环形进度图两种图的画法。 2 进度图 2.1 指标完成情况 1、场景描述:某大型零售公司,想要查看当前销售额相对原定销售目标的完成情况,效果如下图所示: jindutuxiaoguo-01.png 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 (1)添加进度图组件,在数据选择区中,勾拖拽 销售额 字段到 指标 , 销售目标 字段到 提示 。 jindutuxiaoguo-02.png (2)在组件属性设置中,设置 目标值 ,选择 自定义 ,并选择 销售目标 字段,如下图所示Echarts图形-扩展属性:双柱图加面积图的实现
(本文档仅供参考) 问题 想实现下面的双柱图的效果,通过加一个折线图,这个折线图是两个指标值的差值,效果图如下: image2021-2-8_15-3-43.png 解决方案 差值是D4单元格减去C4单元格,然后基于这些数据作图,如下: image2021-2-8_15-17-42.png … , // shadowOffsetY: 20, } }, //面积图渐变设置,可以自行调整颜色 "areaStyle": { "color": { "x": 0环形图
概要说明 环形图与饼图类似,但又有区别。环形图中间有一个“空洞”,是由两个大小不一的饼图叠在一起,挖去中间的部分所构成的环状图形。环中的每一段都表示一类数据。 含义 入口 图例 可显示多个样本各部分所占的相应比例。 image2022-2-16_11-26-51.png image2022-2-16_16-25-29.png 优势 ① 明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。 ② 由于色块面积比较小,留白更多,有更多空间留给信息标注和图文排版,使用时更灵活轻巧。 配图建议: 颜色:1个维度; 角度:1个度量; 数据要求:一个维度ECharts图形-联合图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 联合图是指以线图、柱图、面积图或者散点图任意两两组合(双线图、双柱图、双面积图、双散点图亦包含在内)的表现形式来展现两个或两个以上数据指标情况。 ECharts图形支持如下两种类型的联合图: 单Y轴联合图:只有一个Y轴的联合图。 双Y轴联合图:有两个Y轴的联合图。 单Y联合图 双Y联合图 优势: 可在同一页面用不同的图进行分析对比ECharts图形-联合图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 联合图是指以线图、柱图、面积图或者散点图任意两两组合(双线图、双柱图、双面积图、双散点图亦包含在内)的表现形式来展现两个或两个以上数据指标情况。 ECharts图形支持如下两种类型的联合图: 单Y轴联合图:只有一个Y轴的联合图。 双Y轴联合图:有两个Y轴的联合图。 单Y联合图 双Y联合图 优势: 可在同一页面用不同的图进行分析对比