第19页，共111页。 显示 1,105 条结果 (0.024 秒)
Echarts图形-扩展属性：x/y轴标签换行
（仅供参考） 问题1： 自助仪表盘柱图x轴名称能否换行显示 解决方案： 自助仪表盘图形柱图组件，组件设置，自定义属性，将编辑框里的属性代码删除掉，黏贴以下代码。（注：在代码正确合理时，会自动将我们自己写的代码合并到原有的代码里） { "xAxis": { "axisLabel": { "formatter": "function(value){var ret = '';var maxLength = 1;var valLength = value.length;var rowN = Math.ceil(valLength / maxLength);if (rowN > 1){for (varEcharts图形-扩展属性：X轴名称位置
问题描述 仪表盘线图X名称默认在下方，需求在右侧侧显示，但是右侧显示是灰色禁用，无法直接设置，如下图所示： image2024-9-30_22-13-42.png 解决方案 1、通过扩展属性可以设置X轴名称的位置，代码如下： option = { "xAxis": { "nameLocation": "end" } } 2、组件的边距在属性设置要适当，保证名称不出画布边框，参考如下： image2024-9-30_22-17-34.png x轴标签位置Echarts图形-扩展属性：x轴显示刻度
（仅供参考） 问题描述： x轴显示刻度 image2022-7-28_20-50-29.png 解决方案 可以使用扩展属性实现 { "xAxis": { "axisTick": { "show": true, "lineStyle": { "color": "#45C5F4" } } } } 注：自助仪表盘和电子表格的横条图对于x轴和y轴的定义不一样，基于电子表格横条图修改时需对y轴设置以上扩展属性 x轴y轴显示刻度Echarts图形-扩展属性：图例换行或分页显示
(本文档仅供参考) 问题1： 如何实现图例不分页，但换行显示 2023-09-08_151539.png 解决方案 可参考以下扩展属性 { legend: { width: '40%', // 设置图例列表的宽度 left: 'center', //图例放中间 } } 1.电子表格中 2023-09-08_151115.png 图例换行2-2.png 2.仪表盘中 由于仪表盘是默认对图例分页，所以如果不需要分页则需要额外隐藏分页 2023-09-08_144319.png 问题2： 当图例很多一次性展示的时候会和y轴重叠，是否可以设置图例分页显示的效果避免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": 1Echarts图形-扩展属性：面积图 - 面积颜色渐变
（本文档仅供参考） 问题 电子表格或自助仪表盘上希望实现面积图颜色渐变，如下截图 image2021-3-30_18-31-23.png 解决方案 V9版本的自助仪表盘中，具体请参考如下扩展属性 https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1616987899107_pprp1.png "series": [{ "areaStyle": { "normal": { "color": { "x": 0, "y": 0, "x2": 0, "y2": 1, "type": "linear", "global": false, "cEcharts图形-扩展属性：标签 - 饼图标签重叠
（本文档仅供参考） 问题： 饼图标签出现折叠情况，如何使标签不重叠展示呢？ image2022-10-24_10-54-56.png 解决方案： 产品默认设置下标签是不会重叠的，此问题一般是添加了其他扩展属性影响了原有配置，可以参考配置下面的扩展属性调整 { "series": [ { "avoidLabelOverlap": true } ] } image2022-10-24_10-59-26.png 添加对应属性后在标签拥挤重叠的情况下会挪动各个标签的位置，防止标签间的重叠。如下图所示： image2022-10-24_10-57-41.png 标签重叠Echarts图形-扩展属性：图例 - 饼图占比对齐
（本文档仅供参考） 问题： 饼图图例提示显示分类指标占比，出现占比无法对齐的情况，如何使占比也左对齐展示呢？ image2024-9-6_9-55-32.png 解决方案： 可以参考配置下面的扩展属性调整： { "legend": { "textStyle": { "rich": { "c": { "align": "left", "width": 30 } } } } } 添加对应属性后，效果如下图所示： image2024-9-6_9-54-57.png 图例占比位置 图例占比对齐Echarts图形-扩展属性：样式 - 环形图颜色渐变
（本文档仅供参考） 问题 环形图希望实现颜色实现渐变的效果，如下截图 渐变饼图.png 解决方案 具体请参考如下扩展属性 2023-08-31_171201.png { "series": [ { "data": [ { "itemStyle": { "color": { "colorStops": [ { "color": "#83bff6", "offset": 0 }, { "color": "#188df0", "offset": 0.5Echarts图形-扩展属性：样式 - 树图文字重叠
（本文档仅供参考） 问题： 数据量比较大时，树图显示的效果会出现文字重叠的情况，影响美观，可否调整？ image2023-11-8_14-13-43.png 解决方案： 1、尽可能调大画布 2、文本字体调小一些 3、数据量通过参数筛选控制 4、如用上面方法后数据量仍然很多，且显示不全，可以参考配置下面的扩展属性调整 { "series": [{ "roam": true,//允许鼠标缩放和平移漫游 "initialTreeDepth": 1 //控制树图初始展开的层级（深度）。根节点是第 0 层，然后是第 1 层、第 2 层，... }] } 其中，控制树图初始展开层次
