第109页,共584页。 显示 5,838 条结果 (0.053 秒)
Echarts图形-扩展属性:仪表盘双y联合图中柱图被曲线面积图遮挡
(本文档仅供参考) 问题说明 如下图所示,仪表盘中双y联合图中,使用曲线面积图和柱图时,曲线面积图默认会覆盖在柱图上,影响柱图的展示,以及影响柱图上的跳转、筛选等功能。 image2024-2-6_19-15-27.png 解决方案 目前产品中没有直接的设置项可以进行层级的调整,不过可以通过扩展属性或者宏的方式来讲柱图置于曲线面积图之上。 1、通过扩展属性的方式实现 与Echarts图形-扩展属性:联合图柱图显示上方,面积图显示在下方一致, { "series": [{ "zlevel": 0 }, { "zlevel": 1 }] } 不过需要注意图形的层级应该与图形保持一致,如下图所示图形 - 饼图的百分比说明
图: 1.png2.png 解决方案 这是浮点型数据在饼图显示的正常现象。由上图可见,对表格中的数据进行了数据格式的设置,按照四舍五入的处理方式保留4位小数得到的结果,表格数据合计结果为99.99%。而饼图的百分比是每一个指标值占总值的比例,所有百分数合计应等于100% ,而在原数据中分别观察这四个数的第五个小数可见,“完全达到”这个选项的原数据的第五位小数最大。因此由于已设置的数据格式限制,剩下的0.01%在饼图中就分配给“完全达到”的数据项。 若想规避此类情况,可显示更高精度的数据,可以通过设置数据格式,显示更多位小数解决,数据格式设置可参考Wiki文档:数据格式第二课:Smartbi图形宏
想到的是这个宏事件 afterRenderer:图形渲染之后执行,主要用于对图形做一些后期处理,可以直接操作图形的dom对象,以及调用图形控件的API方法修正dom pointClick::点击图形对象时触发,主要用于图形跳转处理,可以通过跳转规则向导设置 事件触发流程如下图所示: 28.png 3 图形宏 … () ECharts的原生实例对象:varechartsInstance = smartbiECharts.getChart()(注意:beforeRender事件中,因图形尚未加载,因此没有ECharts原生实例对象) 设置图形option:echarsInstance.setOption(options) 其余第二课:Smartbi图形宏
想到的是这个宏事件 afterRenderer:图形渲染之后执行,主要用于对图形做一些后期处理,可以直接操作图形的dom对象,以及调用图形控件的API方法修正dom pointClick::点击图形对象时触发,主要用于图形跳转处理,可以通过跳转规则向导设置 事件触发流程如下图所示: 28.png 3 图形宏 … () ECharts的原生实例对象:varechartsInstance = smartbiECharts.getChart()(注意:beforeRender事件中,因图形尚未加载,因此没有ECharts原生实例对象) 设置图形option:echarsInstance.setOption(options) 其余告警设置
实现分析资源数据告警而提供的格式方案。 我们可以先把告警设置创建好,然后在多维分析、透视分析设置告警时使用。 功能入口 入口1:在“系统导航栏”选择 公共设置,展开资源目录区,在“告警设置”或其节点下文件夹的更多操作0.jpg选择 新建 > 告警格式,进入“新建告警格式”界面。 入口2:在“公共设置”界面主菜单选择 告警设置。 1109.png 设置界面 在告警格式设置界面,分为高亮预警和图形预警两种模式,根据需要选择设置。 image2021-8-26_19-10-41.png image2021-8-26_19-11-1.png 自定义图形:我们需要先把图形放到产品扩展包或是部署包告警设置
实现分析资源数据告警而提供的格式方案。 我们可以先把告警设置创建好,然后在多维分析、透视分析设置告警时使用。 功能入口 入口1:在“系统导航栏”选择 公共设置,展开资源目录区,在“告警设置”或其节点下文件夹的更多操作0.jpg选择 新建 > 告警格式,进入“新建告警格式”界面。 入口2:在“公共设置”界面主菜单选择 告警设置。 1109.png 设置界面 在告警格式设置界面,分为高亮预警和图形预警两种模式,根据需要选择设置。 image2021-8-26_19-10-41.png image2021-8-26_19-11-1.png 自定义图形:我们需要先把图形放到产品扩展包或是部署包ECharts图形-线图
、扩展属性等,具体请参考下面表格: 属性 标准折线图 标准面积图 堆积面积图 数据设置 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967 字段 http://wiki.smartbi.com.cn … 以实际的业务需求和美观性为出发点,线图衍生出多种不同形态的子图:标准折线图、标准面积图、堆积面积图,用来更好的表现和满足不同的数据对比分析需求。 (点击图片可跳转到相应图形说明文档。) 标准折线图 标准面积图 堆积面积图 image2019-12-5 18:55:35.png httpECharts图形-线图
、扩展属性等,具体请参考下面表格: 属性 标准折线图 标准面积图 堆积面积图 数据设置 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967 字段 http://wiki.smartbi.com.cn … 以实际的业务需求和美观性为出发点,线图衍生出多种不同形态的子图:标准折线图、标准面积图、堆积面积图,用来更好的表现和满足不同的数据对比分析需求。 (点击图片可跳转到相应图形说明文档。) 标准折线图 标准面积图 堆积面积图 image2019-12-5 18:55:35.png httpEcharts图形-扩展属性:图例 - 地图图例横向显示
(本文档仅供参考) 问题 Echarts图形图例需要横向展示,如何来实现呢? 解决方案 可在图形中增加扩展属性,设置图例条的方向为横向: { "visualMap": [{ "orient": "horizontal" }] } 效果如图: image2018-8-3 14:45:57.png 地图图例横向展示Echarts图形-扩展属性:横向的双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": 1