第4页,共165页。 显示 1,646 条结果 (0.029 秒)
图形 - 冻结窗格导致Echarts图形显示不全
(本文档仅供参考) 问题说明 报表中设置了冻结窗格的部分会导致Echarts图形显示不全,取消冻结窗格就能显示完全,效果如下: image2021-6-2_10-31-8.png image2021-6-2_10-32-16.png 解决方案 对于当前的现象和产品的冻结功能设计逻辑是有关系的,为了电子表格报表在浏览器上可以正常用同个html方式展示实现冻结效果, 冻结实际上是在冻结区域加上一个图层,然后让下一个图层的信息可以通过滑动展示,所以如果图形存在跨冻结和非冻结区域的情况,就会出现上述现象,分隔成两个图层。对于这样的问题,建议通过如下几个方案进行规避: 方案1、将图形放在冻结区域Echarts图形-扩展属性:柱图自定义颜色
/image2023-3-7_10-18-59.png?version=1&modificationDate=1678155538000&api=v2 解决方案 1、可设置自定义图形主题实现 https://wiki.smartbi.com.cn/download/attachments/107741359 … 问题3:多个Y轴柱子颜色修改 图形中有两个指标Y轴,想自定义修改柱子的颜色,怎么实现 https://wiki.smartbi.com.cn/download/attachments/76678119/image2021-3-19_14-13-39.png?version=1&modificationDateEcharts图形-扩展属性:X轴指标滑动效果
(本文档仅供参考) 说明 如何在产品Echarts图形中设置柱图、线图X轴滑动显示,如下图所示 echarts滑动x轴.gif 解决方案 如需实现上述效果,可通过扩展属性实现,如下 { "xAxis": { "axisLine": { "lineStyle … }, { "type": "inside", "xAxisIndex": [0] }] } (本文档仅供参考) 说明 如何在产品Echarts图形中设置柱图、线图X轴滑动显示,如下图所示 echarts滑动x轴.gif 解决方案 如需实现上述效果,可通过扩展属性实现,如下TAB的页签标题高度调整
(本文档仅供参考,请根据实际需求调整) 问题: 目前TAB组件设置中,暂不支持标题自定义高度,只能设置标题字号去加大高度,是否有别的方式调整呢? image2024-2-6_15-51-46.png 参考方案: 可以写宏处理,参考如下宏代码设置 function main(page: IPage) { page.appendCss(".content-slot__div", "{line-height: 50px;}") page.appendCss(".static-tabs__view .el-tabs__item", "{line-height: 40px;}") } 效果图形 - 电子表格Echarts图形中实现动态markline
(本文档仅供参考) 问题: Echarts图形中需要标识markline,但是markline标识的指标是由另一数据集中的指标动态计算而来的平均值,可以如何实现呢。 参考方案: 可以考虑通过宏代码获取到另一数据集的指标结果来加载markline: 1、将另一数据集字段拖拽到辅助sheet1中,可自行 … =43&pageId=52625416 如下示例,获取上图中G6计算的平均值结果: image2024-10-26_9-29-19.png 3、sheet2中拖拽图形,并开启图形的刻度线设置 image2024-10-26_9-29-47.png 4、通过宏代码设置图形的markLine值为服务端宏代码中ECharts图形-扩展属性
属性设置的设置项才生效。 预览效果 在扩展属性写入图形配置项显示“工具包按钮”和“标题”,属性合并方式选择 合并,效果如图: image2020-1-7 10:39:17.png Migration of unmigrated content due to installation of a new … {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 可以在下面直接写图形的配置项,具体配置ECharts图形-扩展属性
属性设置的设置项才生效。 预览效果 在扩展属性写入图形配置项显示“工具包按钮”和“标题”,属性合并方式选择 合并,效果如图: image2020-1-7 10:39:17.png Migration of unmigrated content due to installation of a new … {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 可以在下面直接写图形的配置项,具体配置Echarts图形-扩展属性:修改图例大小不修改文字大小
(本文档仅供参考) 问题 如何修改图例大小,图例旁边的文字不修改大小 2022-06-06_173511.png 解决方案 通过图例-文字样式可以修改图例图形和文字的大小。 2022-06-06_173945d.png 若希望只修改图例的图形大小,可以使用扩展属性实现 { legend: { itemWidth: 40, //调节横线长短 itemHeight: 19 //调节圆圈大小 } } 效果如下: image_1654505612749_fmdgm.png 扩展:自助仪表盘中的自定义属性 { "legend": { "itemWidth": 50Echarts图形-扩展属性:X轴刻度标签倾斜角度
问题 电子表格echarts图形调整X轴刻度标签倾斜角度。 https://s2-cs-pub-std.kefutoutiao.com/doc/im/weixin_628_ogxAVv8V1OU8f7IhG9jLRMPE53g4_bb8d4245634c41f1bbc1d803e139a9d1.jpeg?Expires=1706507780&OSSAccessKeyId=bPexlr6MCcadDhfu&Signature=wOOcNSb9ds7KYo7W0CPiJN1oLoM%3D 解决方案 可在图形中通过扩展属性实现: { xAxis: { axisLabelEcharts图形-扩展属性:x/y轴标签换行
(仅供参考) 问题1: 自助仪表盘柱图x轴名称能否换行显示 解决方案: 自助仪表盘图形柱图组件,组件设置,自定义属性,将编辑框里的属性代码删除掉,黏贴以下代码。(注:在代码正确合理时,会自动将我们自己写的代码合并到原有的代码里) { "xAxis": { "axisLabel … =v2 解决方案: 右键点击组件样式,在图形属性配置代码中加入如下扩展属性: { "xAxis": { "axisLabel": { "align": 'left', "padding": [0, 0, 0