第25页,共855页。 显示 8,546 条结果 (0.147 秒)
Echarts图形-扩展属性:截取X轴标签
(本文档仅供参考) 问题 透视分析基于所有行作图,当x轴分类字段有俩个时,如何实现表格中显示所有分类字段,而图形中x轴标签只显示第一个字段 image2022-3-30_13-57-15.png 解决方案 可以使用扩展属性实现 { "xAxis": { "axisLabel": { "formatter": " function (value) {var index = value.indexOf('_'); return value.substring(0,index); }" } } } 效果仪表盘-柱图如何添加一列合计轴
(本文档仅供参考) 问题 仪表盘柱图组件,如何添加一列合计轴,如下图所示: image2024-12-23_18-17-33.png 解决方案 数据模型中添加一个计算成员,根据下图中,选择对应的层次结构和维度字段。点击保存后在仪表盘中拖入维度字段作图即可。 image2024-12-23_18-19-55.png 注:需要注意的是,若是维度字段新建计算成员处理,后续使用该模型的字段,都会有这个合计的行记录存在。提供给客户时需要注意这一点。 image2024-12-23_18-21-54.pngEcharts图形-扩展属性:透视分析图形X轴标签
(本文档仅供参考) 问题 透视分析基于所有行作图,当x轴分类字段有两个时,如何实现表格中显示所有分类字段,而图形中x轴标签只显示第一个字段,且鼠标提示中也只显示一个字段 截图1.png 解决方案 可以使用扩展属性实现 { "xAxis": { "type": 'category', "axisLabel": { //修改X轴标签 "formatter": "function(value){ return value.substring(0,value.indexOfEcharts图形-扩展属性:堆积图和线图的联合图怎么做?
(本文档仅供参考) 问题 堆积图和线图的联合图怎么做? 解决方案 堆积图和线图的联合图可以以多个指标的堆积图为基础,通过扩展属性修改其中某一系列的样式。如下设置过程: image2018-10-30 9:1:11.png image2018-10-30 9:3:52.png { series: [{ }, { }, { type: 'line' }] } 效果图: image2018-10-30 9:4:7.pngEcharts堆积柱图Y轴溢出
(本文档仅供参考) 问题 在做ecahrts堆积柱图的时候会出现Y轴溢出的情况,如下图: image2022-4-25_14-0-30.png 原因 由于echarts4.2本身的bug导致的,勾选了数据区域后扩展属性会出现dataZoom导致出现溢出的问题,echarts4.8不存在此问题。 解决方案 取消勾选数据区域缩放,如下图: https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1650853546388_t4iq8.png【线图】x轴刻度标签规范
(仅供参考) 问题描述: 日期显示的格式为年-月-日,中间有一个‘-’,如何去掉拼接年月 image2022-7-28_20-53-54.png 解决方案 可以使用扩展属性实现 { "xAxis": { "axisLabel": { "formatter": "function(value){ return value.split('-')[0]+value.split('-')[1] }" } } } 注:自助仪表盘和电子表格的横条图对于x轴和y轴的定义不一样,基于电子表格横条图修改时需对y轴设置以上扩展属性自助仪表盘单系列柱图自定义颜色
(本文档仅供参考) 问题说明 希望在自助仪表盘中实现柱图颜色设置,请问如何在自主仪表盘中实现柱图颜色类似于电子表格做柱图的颜色设置:https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750506 https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750506 解决方案 自助仪表盘的柱图是在series[{}]属性中的data[{}]进行设置的,如果有多少条数据就设置 "itemStyleEcharts图形-扩展属性:柱图标签换行显示
(本文档仅供参考) 问题 如何实现柱图标签换行显示? 2022-10-08_134513.png 解决方案 可以用以下扩展属性实现: 注意,有多少个类别就需要写多少次 对于该属性具体可见Echarts官网说明:https://echarts.apache.org/zh/option.html#series-bar.label.formatter https://echarts.apache.org/zh/option.html#series-bar.label.formatter { "series": [ //第一个类别 { "itemStyleECharts图形-数据设置
ECharts图形的数据设置包括“字段、分类(X)轴、指标(Y)轴、左垂直(Y)轴、右垂直(Y)轴、并列轴”等等。 2019-10-9 星期三 9-45-56.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C … >{html} 属性说明 在左垂直(Y)轴勾选某字段,则该字段作为图形的左垂直(Y)轴。 image2019-9-16 10:42:53.png 预览效果 左垂直(Y)轴显示单价,对应的子图为柱图。 image2019-9-27 16:35:5.png {html}<div styleECharts图形-数据设置
ECharts图形的数据设置包括“字段、分类(X)轴、指标(Y)轴、左垂直(Y)轴、右垂直(Y)轴、并列轴”等等。 2019-10-9 星期三 9-45-56.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C … >{html} 属性说明 在左垂直(Y)轴勾选某字段,则该字段作为图形的左垂直(Y)轴。 image2019-9-16 10:42:53.png 预览效果 左垂直(Y)轴显示单价,对应的子图为柱图。 image2019-9-27 16:35:5.png {html}<div style