第92页，共476页。 显示 4,754 条结果 (0.032 秒)
指标组件 ⬝ 指标看板
，如下图所示： zhibiaokanbanchangjing-03.png （2）组件数据设置中，点击 提示 区域的 jindutuxiaoguo-08.png，设置提示框背景为 白色 、边框宽度为 1px ，边框颜色为 灰色 ，并设置 显示 图标，如下图所示： zhibiaokanbanchangjing-04.png （3）提示设置中，点击 自定义文本 的 jindutuxiaoguo-08.png，设置文字为 黑色 、内容为“企业在一定时期内通过销售产品或提供服务所获得的总收入，这包括所有销售渠道和销售活动的总和。”，如下图所示： zhibiaokanbanchangjing-05.png （4）在组件属性设置中，设置系统选项-移动端
针对移动端进行的系统选项设置。 界面介绍 在“系统选项”界面，选择 移动端。 image2024-9-5_10-25-7.png 功能说明 移动端设置 移动端设置是指对移动设备上仪表盘的相关设置，其说明如下： 设置项 说明 默认值 移动设备注册类型 用于设置登录系统，是否需要管理员验证注册。选项有：自动和手动。 自动 移动端首页目录id 用于设置移动端首页目录id。 移动端首页目录类型 用于设置移动端首页目录类型。选项有：图片和电子表格报表。详见：新移动端-轮播图 移动端跑马灯 点击 设置 按钮，则进入文字编辑界面，根据需要对文字进行编辑。如图自助仪表盘修改单/多选框样式大小
, portlet: IFilterPortlet) { // 设置单选框外框样式 portlet.appendCss('.el-radio__input .el-radio__inner', { 'height': '100px !important', 'width': '100px !important' }) // 设置单选框选中点的样式 portlet.appendCss('.el-radio__inner::after', { 'height': '100px', 'width': '100pxAPP - 访问demo环境
/index.jsp 解决方案 APP中需要通过手机号码和密码进行访问，如忘记官网密码，可通过以下方式进行设置。 1、访问官网-DEMO体验-一站式ABI平台 2023-10-20_171456.png 2、点击账号密码登录 2023-10-20_171521.png 3、点击忘记密码，重新设置密码 2023-10-20_171538.png 4、设置密码完毕后，即可使用手机号码和密码进行APP登录。Echarts图形-扩展属性：仪表盘x轴缩略轴从右开始
（本文档仅供参考，因宏代码具备一定场景限制，如和实际应用场景不符合，需要自行调整相关宏代码） 需求场景 要求让仪表盘中的图形组件，x轴的缩略轴从右边往左拖动浏览数据。 实现效果： image2024-7-31_23-55-44.png 实现方案： 1、对该组件开启缩略轴，并设置扩展属性。 image2024-7-31_23-57-47.png 扩展属性： option = { "dataZoom": [{ "type": "slider", "show": true, "start": 100, // 从右侧开始展示数据，这里设置为100% "end": 80 // 结束于左侧，这里设置Echarts图形-扩展属性：柱子 - 间距调整
（此文档仅供参考） 问题 希望调整柱子间距离，包括同系列柱子间间距，及不同系列间柱子间隔 实现方案 V9及以下版本可以用以下扩展属性实现：（具体值设置大小可结合实际调整） { //同系列柱子间距 "barGap": "1%", //不同系列柱子间间隔 "barCategoryGap": "15%" } V10及以上版本可使用以下扩展属性实现：（具体值设置大小可结合实际调整，需要对每个系列单独进行间距设置） { "series": [{ //系列1 "barGap": "1Echarts图形-扩展属性：横向的双X联合图
（本文档仅供参考） 问题 柱图+线图的横向双x联合图怎么做？ 解决方案 横向的双X联合图可以以横向柱图为基础，通过扩展属性修改图形样式和x轴设置。设置过程如下图所示： image2023-2-16_18-18-45.png image2023-2-16_18-18-59.png 扩展属性可参考以下代码： { "xAxis": [{ "type": 'value' //第一个x轴 }, { "type": 'value' //第二个x轴 }], "series": [{ "type": 'line', //类型设置为折线图 "xAxisIndex": 0 //显示在第一个x轴上 }, { "xAxisIndex": 1Echarts图形-扩展属性：折线 - 堆积线图自定义各数据点样式
', //设定为实心点 symbolSize: 0, //设定实心点的大小 color: "#000", //设定实线点的颜色 lineStyle: { normal: { width: 2, color: "#0000ff", //设置实线的颜色 … : { width: 2, color: "#0000ff", //设置实线的颜色 }, }, }] } image2024-12-5_17-3-20.png 设置改扩展属性后效果如下图所示： image2024-12-5_17-4-21.png 折线样式Echarts图形-扩展属性：折线 - 鼠标移入数据点变小
（本文档仅供参考） 问题 鼠标移入线图的数据点时，数据点变小。 解决方案 折线图高亮时点的样式可参考以下属性，目前只能设置点的样式，并不能实际更改点的大小 // 设置折线图中点的样式 symbolSize: 10, // 点的大小 // 设置折线图中的点的样式 itemStyle: { normal: { borderColor: 'rgba(220,20,60,0.8)', // 点边框颜色 borderWidth: 20 // 点边框大小Echarts图形-扩展属性：刻度 - 油量图表盘刻度显示百分比、鼠标提示显示百分比等
（本文档仅供参考） 问题1： 油量图表盘刻度是否可以设置为百分比格式： 1.jpg 解决方案： 可使用如下扩展属性设置： { "series": [{ "axisLabel": { "formatter": "function(value){ return value*100+'%'}" } }] } 2.png 问题2： 想要实现下面的效果，中间的需要加百分比，鼠标提示也需要加百分比 image2020-12-10_16-19-5.png 解决方案： 可使用如下扩展属性设置： { "series": [{ //中间的显示加百分比 "detail": { "formatter
