第28页,共93页。 显示 923 条结果 (0.045 秒)
对比柱图
%881%EF%BC%89%E6%9F%B1%E5%9B%BE%E7%B1%BB%E5%9E%8B。 更多功能 配色修改:如需修改图形配色,可参考文档 标记区-颜色 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83712874; 值轴设置 … 方式为“升序”。 image2021-9-1_15-49-8.png (3)在标记区分别设置“男性”、“女性”柱图显示的颜色。 image2021-9-1_15-53-42.png 情景2 业务情景描述:查看某公司下的子公司收入和支出对比情况。 数据结构 以上业务情景的数据来源如下公共设置-图形设置
针对图形进行的系统选项设置。 界面介绍 image2021-8-24_14-24-51.png 设置项说明如下: 设置项 说明 百度地图API密钥 用于设置百度地图API的密钥 图形主题 用于设置图形显示的默认主题。 图形输出最大行数 用于设置系统选项中图形输出最大行数,允许设置的最大值为1000,默认值是100。 地图配色 指定义一套地图的颜色序列,应用于地图设置中。 防止Y轴标签溢出 用于设置是否防止Y轴标签溢出。 防止X轴标签溢出 用于设置是否防止X轴标签溢出。 无数据时图形显示文字 用于设置当无数据时,图形位置显示自定义文字ECharts图形-地图
、序列、高级、扩展属性等,具体请参考下面表格: 属性 标准地图 航线图 3D航线图 显示方式为地图坐标 显示方式为3维地理坐标 地图区域设置 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId … %BE%E7%BD%AE-%E5%8C%BA%E5%9F%9F%E6%A0%87%E8%AF%86 √ 坐标 经度 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967#ECharts%E5%9B%BE%E5ECharts图形-普通状态设置
;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置柱子的颜色。 image2019-10-11 9_22_20.png 预览效果 两种不同的系列主色效果对比,如图: image2019-10-11 9_21_51.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置关系图数据点的边框颜色ECharts图形-普通状态设置
;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置柱子的颜色。 image2019-10-11 9_22_20.png 预览效果 两种不同的系列主色效果对比,如图: image2019-10-11 9_21_51.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置关系图数据点的边框颜色公共设置-图形设置
针对图形进行的系统选项设置。 界面介绍 image2021-8-24_14-24-51.png 设置项说明如下: 设置项 说明 百度地图API密钥 用于设置百度地图API的密钥 图形主题 用于设置图形显示的默认主题。 图形输出最大行数 用于设置系统选项中图形输出最大行数,允许设置的最大值为1000,默认值是100。 地图配色 指定义一套地图的颜色序列,应用于地图设置中。 防止Y轴标签溢出 用于设置是否防止Y轴标签溢出。 防止X轴标签溢出 用于设置是否防止X轴标签溢出。 无数据时图形显示文字 用于设置当无数据时,图形位置显示自定义文字甘特图-流水线生产排程图(Echarts)
間開始" 二、图形设计 1、字段拖拽情况 image2022-11-16_10-22-37.png 2、使用数据准备中构造的字段进行排序和机型颜色 image2022-11-16_10-23-14.png image2022-11-16_10-23-36.png 3、通过扩展属性处理X轴的数值标签 … 支持时间轴,因此需要把日期转换成数值,然后使用横向堆积图展示。 实现步骤: 一、数据准备 1、把日期时间处理成数字:从数据上看可以考虑把任务执行的消化时长数值作为X轴,但X轴是从0开始的,而机器每天8点开始运行,因此还需要对8点开始的机器+8。即:开始时间=8点 然后耗时+8,其他时间段 然后直接处理成耗时,对所有ECharts图形-树图
图形,它是利用包含关系表达层次化数据的可视化方法。 树图既可以组织存在父子结构的项目,亦可以组织无父子关系的项目。下图中图1树图是基于父子关系结构字段构建,图2是基于非父子关结构字段构建,其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。 类型 图例 基于 … 。 image2019-10-21 10:37:27.png 基于非父子关结构字段构建。 其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。 示例详情请参见 情景2 http://wiki.smartbi.com.cn:18081/pagesECharts图形-树图
图形,它是利用包含关系表达层次化数据的可视化方法。 树图既可以组织存在父子结构的项目,亦可以组织无父子关系的项目。下图中图1树图是基于父子关系结构字段构建,图2是基于非父子关结构字段构建,其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。 类型 图例 基于 … 。 image2019-10-21 10:37:27.png 基于非父子关结构字段构建。 其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。 示例详情请参见 情景2 http://wiki.smartbi.com.cn:18081/pages自助仪表盘横条图样式/数据标签样式/柱子背景样式
提示:本文档的示例基于V10.5版本进行开发,代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 问题说明: 有这样一个横条图图形需求,需要横条图的每个柱子有背景颜色,并且柱子的数据值显示在右侧,如下 … [0]) { displayData.push(series.data[j].displayValue[0]); } } } let yAxis = options.yAxis; // 添加一个y轴作为标签显示数据