第2页,共343页。 显示 3,422 条结果 (0.033 秒)
Echarts图形-扩展属性:x轴刻度标签名称过长,如何省略中间部分字,显示前后字符
(value.length-2) ; } else { return value }}" //名称字符大于6时,显示前4个,后2个字符,中间显示省略号 } } } 效果如下: image2021-2-9_10-43-47.png 问题3 想实现下面图例如果文字过长,后面就省略的效果 image2021-2-4_18-28-11.png 解决方案 { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版 "align": "left", //图例Echarts图形-扩展属性:图例样式,只保留线不显示点(折线图)
(本文档仅供参考) 问题 如何修改图例样式,只保留线不显示点 image2021-6-2_18-22-42.png 解决方案 可以使用扩展属性实现 { "legend": { "show": true, "icon": "line" } } 效果如下: image2021-6-2_18-23-15.png 若使用联合图,一个是柱图,一个是线图,只修改线图图例样式为横线可参考如下扩展属性: { "legend": [{ "itemWidth": 12, "itemHeight": 12如何显示单元格数据后面添加告警图片
td.appendChild(img); //图片放在单元格最后面 //.insertBefore(img, td.firstChild); //图片放在单元格最前面 } else { img … , td.firstChild);//图片放在单元格最前面 } } } 关键对象总结 根据行列号获取单元格:spreadSheetReport.getCell(i, 3); 图片放在单元格最后面:td.appendChild(img); 资源下载 报表资源:图片告警单元格数据后添加图片.xml如何显示单元格数据后面添加告警图片
"; //获取图片 td.appendChild(img); //图片放在单元格最后面 //.insertBefore(img, td.firstChild); //图片放在单元格最前面 } else { img … , td.firstChild);//图片放在单元格最前面 } } } 关键对象总结 根据行列号获取单元格:spreadSheetReport.getCell(i, 3); 图片放在单元格最后面:td.appendChild(img); 资源下载 报表资源:图片告警单元格数据后添加图片.xml图例设置
半径玫瑰图,支持设置图例显示的文本内容,可设置图例显示“分类”、“指标”、“占比”三种文本内容。默认只显示“分类”值。 效果 设置图例显示“分类”和“占比”,效果如下图所示: tulixiaoguo-02.png 分页 说明 设置图例是否分页显示,默认分页显示。 当图例较多时,若不分页显示则所有图例全部显示。 效果 tulixiaoguo-03.png 大小 说明 设置各个成员图形形状的大小。 效果 tulixiaoguo-06.png 形状 说明 设置图例成员的标志形状。支持的形状有:无形状、圆形、矩形、圆角矩形、三角形、菱形、标注、箭头。 效果 tulixiaoguo-04.png 文本组件设置-图例
位置 说明 设置图例的位置,有“无图例、上方、下方、左侧、右侧”五种展示形式。默认图例在上方。 效果 tuli.png 内容 说明 设置图例显示的文本内容,可设置图例显示“分类”、“指标”、“占比”三种文本内容。默认只显示“分类”值。 效果 设置图例显示“分类”和“占比”。 image2021-8-3_14-16-39.png 分页 说明 设置图例是否分页显示,默认分页显示。 当图例较多时,若不分页显示则所有图例全部显示。 效果 image2019-10-26 14:10:27.png 大小 说明 设置图例各个成员的大小。 效果 image2019-10-26 14:17:25.pngEcharts图形-扩展属性:样式 - 饼图的颜色修改,图例圆点样式的修改
(本文档仅供参考) 问题1 想修改饼图的颜色,然后图例圆点显示,如下图: image2021-3-19_10-9-22.png 解决方案 可以使用扩展属性实现,如下: { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版 "align": "left", //图例对齐方式 "right": "16px", //图例距右侧距离16像素 "top": "center", //图例距顶部上下居中 "iconEcharts图形-扩展属性:图例 - 仪表盘折线图只显示某些系列折线
(本文档仅供参考) 问题: 当折线图系列过多时,折线堆叠重合,希望可以固定展示某几条折线。在点击其他系列图例时,再出现其他折线。 期望效果: 只显示某个系列折线20230703152504.png 解决方案: 【组件设置】-【自定义属性】-【图形配置】添加扩展属性,将不需要展示的折线,通过控制图例的隐藏 … } } } 说明:图例的当前选择状态是:SUV 类型被选中,而 MPV 类型和 轿车 类型未被选中;因此折线图只展示 SUV 系列折线。 显示部分图例Echarts图形-扩展属性:图例 - 饼图图例样式,以及图例和文字的位置修改
文字间距 V10.5.8以上的仪表盘中,饼图图例显示内容可勾选分类、指标、占比,有的时候觉得图例的文字间距距离太远,希望调整间距。 https://wiki.smartbi.com.cn/download/attachments/122618326/image2023-11-10_18-17-17.png?version … (此文档仅供参考) 问题1 如何修改图例样式,以及图例和文字的位置 1.png 解决方案 可以使用扩展属性实现 { "legend": { "icon": "circle", //这个字段控制形状 类型包括 circle,rect,roundRect,trianglelicense:报表数量超过限制
(本文档仅供参考) 问题 更换license后,服务启动不成功,通过日志排查,显示报表数量超过限制 image2024-6-29_13-53-52.png 解决方案 以上原因是由于license中限制了报表数量导致,更换license即可。 license中ReportCount是限制环境报表数量的key值,可查看此key值后面的units值,其中-1为不限制。 image2025-4-17_15-38-5.png 如需确认目前环境报表数量,可通过以下两种方式查询: 1、通过计划任务查 importPackage(Packages.smartbi.repository); var