第6页，共452页。 显示 4,517 条结果 (0.04 秒)
Echarts图形-扩展属性：堆积柱图+线图
（此文档仅供参考） 问题 希望双Y联合图，可以实现堆积柱图+线图的效果。 实现方案 可以用以下扩展属性实现： { "series": [{ "stack": "aaa", "z": 2 }, { "stack": "aaa", "z": 2 }, { "z": 3 }] } 最终效果： image2022-5-17_16-33-25.png 属性解析说明：数据堆叠，同个类目轴上系列配置相同并列柱图数据差异过大，导致数据柱子不显示
（本文仅供参考） 问题描述 图形中有并列柱图（多series系列，或者线图），存在不同series系列数据，其中由于不同系列中的数据差异过大，共用左轴，导致数据较小的系列数据在图形效果上，比如柱图的柱子基本上就不显示，如何优化，让系列数据比较小的显示。 解决方案 1、转换图形为双y轴联合图 image2023-9-18_10-56-33.png 2、在【组件设置】-【公共设置】-【自定义属性】中添加如下扩展属性： "series": [ { "name": "7",//数据中图形系列的名称，上图中两个系列名称为7、8，根据实际报表自行修改 "type": "bar", "stack柱图如何实现X轴标签文字竖向显示且文字超过特定数值换列
（仅供参考） 问题描述： 目前柱图显示效果如下图，如何实现X轴标签文字竖向显示且文字超过4个字值时换列 image2021-12-13_11-4-42.png 解决方案： 右键点击组件样式，在图形属性配置代码中加入如下扩展属性： { "xAxis": { "axisLabel": { "align": 'left', "padding": [0, 0, 0, -15], //调整文字向左偏移 "formatter": "function(value){var maxLength电子表格设置柱图柱子的不同颜色(多系列)
= spreadsheetReport.getColor(138, 240, 241); //设置颜色，参数顺序是红、绿、蓝，范围是0～255 } 示例资源：设置柱图柱子的颜色_多系列.xml 柱图颜色设置 … 该宏示例在 V10.5上 验证通过 提示：本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如报表使用冻结，或多个宏代码冲突等），需根据实际需求开发代码。 示例说明 在做电子表格柱图形是有时需求要设置每个柱子的颜色。该功能可以通过宏实现。 默认柱电子表格设置柱图柱子的不同颜色(多系列)
= spreadsheetReport.getColor(138, 240, 241); //设置颜色，参数顺序是红、绿、蓝，范围是0～255 } 示例资源：设置柱图柱子的颜色_多系列.xml 柱图颜色设置 … 该宏示例在 V10.5上 验证通过 提示：本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如报表使用冻结，或多个宏代码冲突等），需根据实际需求开发代码。 示例说明 在做电子表格柱图形是有时需求要设置每个柱子的颜色。该功能可以通过宏实现。 默认柱线图（柱图）设置显示部分图例
（本文档仅供参考） 问题说明 线图或柱图等组件如果设置图例只显示前几个图例？ image2024-1-9_18-27-20.png 解决方案 可以写宏处理： image2024-1-9_18-28-24.png 把下面宏代码复制到代码区域： function main(page: IPage … = [] for (let i = 0; i < 3; i++) { let item = datas[i] options.legend.data.push(item.name) } portlet.setChartOptions(options) } 如果的饼图可以看示例Echarts图形-扩展属性：柱图显示双堆积图
（本文档仅供参考） 问题： 柱图如何显示成双堆积图呢，堆积的时候柱子总是堆积在了一起。 解决方案: 可以考虑通过扩展属性配置。 { "series": [ { "type": "bar", "stack": "ShipVia"//stack配置系列根据字段进行调整 }, { "type": "bar", "stack": "ShipVia" }, { "type": "bar", "stack": "UnitPrice" }, { "type": "bar", "stack": "UnitPrice柱图柱子添加虚线边框
（本文档仅供参考） 问题 如何给柱图的柱子添加虚线边框。 解决方案 可以使用如下扩展属性： { "series": [ { "itemStyle": { "normal": { "barBorderWidth": 2, "barBorderColor": "#FFCCA3", "borderType": "dotted"//这一行属性就是虚线 } } } ] } 实现效果如下图所示： image2023-10-9_19-23-32.png 涉及的属性说明也可查看echarts官网： https://echarts.apache.org/zh自助仪表盘柱图x轴名称能否换行显示
（仅供参考） 问题现象： 自助仪表盘柱图x轴名称能否换行显示 解决方案： 自助仪表盘图形柱图组件，组件设置，自定义属性，将编辑框里的属性代码删除掉，黏贴以下代码。（注：在代码正确合理时，会自动将我们自己写的代码合并到原有的代码里） { "xAxis": { "axisLabel": { "formatter": "function(value){var ret = '';var maxLength = 1;var valLength = value.length;var rowN = Math.ceil(valLength / maxLength);if (rowN > 1Echarts堆积柱图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
