第3页,共489页。 显示 4,882 条结果 (0.045 秒)
ECharts图形-饼图
?pageId=49808023 image2019-12-23 14:5:48.png http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808023 饼图的属性包括数据设置、基本设置、标题、图例、提示、工具、序列、高级 … 以实际的业务需求和美观性为出发点,饼图衍生出多种不同形态的子图:标准饼图、标准环形图、南丁格尔玫瑰图,用来更好的表现和满足不同的数据对比分析需求。 (点击图片可跳转到相应图形说明文档。) 标准饼图 标准环形图 南丁格尔玫瑰图 image2019-12-23 14:11:18.png饼图
概要说明 饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 下图是常用的饼图:表示不同产品类别的销售额在整体中所占的比重。 含义 入口 图例 表示不同产品类别的销售额在整体中所占的比重。 2022-02-18_10-12-02.png … 情景描述:查看公司中各产品类别销售额的占比情况。 效果 2022-02-18_10-27-05.png 数据结构 以上业务情景基于数据模型创建,详细数据如下: image2021-8-3_15-35-35.png 操作步骤 (1)拖拽一个“饼图”图表组件到画布中。 (2)双击“产品类别”和“销售额图表组件-饼图
概述 类型 描述说明 效果 饼图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83699107 主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 2022-02-15_14-44-34.png 环形图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=89034004 环形图与饼图类似,但又有区别。环形图中间有一个“空洞”,环中的每一段都表示一类数据。 2022-02-15_14-45-50.png 面积玫瑰图Echarts图形-扩展属性:如何自定义图形标题和图例位置
(本文档仅供参考) 问题 如何自定义图形标题和图例位置: QQ截图20181108101829.png 实现方案 可在图形中加扩展属性: { "legend": { "left": 300 }, "title": { "text … ://echarts.apache.org/zh/option.html#title.padding 图例位置Echarts图形-扩展属性:鼠标提示 - 饼图鼠标提示显示千分位、保留两位小数和显示百分比
(本文档仅供参考) 问题 饼图鼠标提示显示千分位和保留两位小数,并且00也要显示出来 image2022-3-23_14-21-34.png 方案 可以参考下方扩展属性: { "tooltip": { "formatter … 小数 饼图鼠标提示百分比Echarts图形-扩展属性:标签 - 饼图数据标签空值转换显示方式
(本文档仅供参考) 问题: 饼图分类中有空白值的分类,想替换成其他显示方式。 image2022-12-30_18-36-3.png 解决方案: 可以参考下方扩展属性: (如果空值是空单元格的话,arg.name http://arg.name == ' '里面也需要打一个空格,同理==后面也可以是其他 … 变身';}else{return arg.name;} }" } } } ] } image2022-12-30_18-35-23.png 饼图标签空值转换水球图-带进度条水球图-圆形点状
问题描述 水球图组件模板资源中,有以下组件模板,名称为“带进度条水球图-圆形点状”。效果如下: 0307-40.png 若是将其复制到浅色主题的大屏可视化/自助仪表盘下,其效果如下。会有一部分样式因为颜色与背景色接近,导致效果不明显。 0307-41.png 此时需要修改这个白色“线框”的颜色。例如下面的效果 0307-42.png 解决方法 1、在复制过来的水球图上,右键→宏管理 0307-43.png 2、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单,打开宏代码编辑界面 0307-44.png 3、找到以下代码,将其中的“white”,改成饼图/圆环图-如何将标签中的百分比改成字段数值
问题描述 在饼图/圆环图组件模板资源中,大部分饼图/圆环图组件模板都通过宏代码设置了一些特殊效果。同时在宏代码中,也将数据标签处理成百分比数据显示了。那么,如果不想要数据标签显示百分比,而是直接显示字段对应的数值,应该怎么处理呢? 0309-28.png 宏代码中设置了数据标签为百分比的组件模板包括 组件模板 玫瑰环形图-标签在外 玫瑰环形图-标签在内 圆角断点环形图 圆角饼图 发光玫瑰图 发光环形图 解决方法 1、在复制过来并替换数据之后的组件模板上,右键→宏管理 0309-29.png 2、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单图例设置
在图例设置中,可以对图形的图例设置样式,包括位置、内容、分页、大小、形状和文本样式,图例设置入口如下: tulixiaoguo-01.png 位置 说明 设置图例的位置,有“无图例、上方、下方、左侧、右侧”五种展示形式。默认图例在上方。 效果 tuli.png 内容 说明 对于饼图、环形图、玫瑰图和半径玫瑰图,支持设置图例显示的文本内容,可设置图例显示“分类”、“指标”、“占比”三种文本内容。默认只显示“分类”值。 效果 设置图例显示“分类”和“占比”,效果如下图所示: tulixiaoguo-02.png 分页 说明 设置图例是否分页显示,默认分页显示。 当图例较多时,若不分页显示则所有图例全部Echarts图形-宏代码:样式 - 饼图默认高亮显示最大扇区
(本文档仅供参考,如何不匹配实际场景,需自行调整相关宏代码) 需求描述 如何实现访问饼图默认高亮最大面积扇区,点击其他扇区也高亮其他扇区? 默认高亮最大面积扇区.gif 解决方案 (以仪表分析为例) 1、先设置图形的初始化动画为【否】: image2024-1-11_20-5-4.png 2、增加宏修改数据标签效果: 类型 对象 事件 ClientSide chart afterRenderer