第28页，共152页。 显示 1,517 条结果 (0.088 秒)
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 层，... }] } 其中，控制树图初始展开层次Echarts图形-扩展属性：样式 - 树图样式修改
（本文档仅供参考） 问题： 如果要修改树图样式要怎么修改呢： 1、把树图节点调整成矩形 2、节点连线修改成折线 3、节点文本显示在图形内 4、图形宽度根据文本内容自适应宽度 image2022-9-26_14-59-2.png 解决方案： 上面可以参考配置下面的扩展属性调整 { series: [{ leaves: { label: { position: "inside", verticalAlign: "middle", align: "centerEcharts图形-扩展属性：样式 - 油量图颜色渐变
（本文档仅供参考） 问题 油量图希望实现颜色实现渐变的效果，如下截图 image2021-3-30_18-45-13.png 解决方案 在自助仪表盘中，具体请参考如下扩展属性 https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1616996547755_bahkg.png "series": [ { "axisLine": { "show": true, "lineStyle": { "color": [ [ 1, { "x": 0,Echarts图形-矩阵树图
Echarts图形-桑基图
