第18页，共177页。 显示 1,765 条结果 (0.024 秒)
Echarts图形-扩展属性：横向面积图
(此文档仅供参考) 问题 如何实现横向面积图，效果如下图所示： image2022-5-16_18-40-12.png 解决方案 1、先使用横向柱 image2022-5-16_18-45-22.png 2、进入扩展属性编辑界面，入口如下图： image2022-5-16_18-43-0.png 3、相关扩展属性如下图所示： image2022-5-16_18-44-52.png 相关扩展属性如下 "series": [ { "type": "line", "areaStyle": { "normal": { "origin": "auto" } } } ] 横向面积图列属性
系统允许用户设置多维分析中各列的宽度和字体的水平对齐方式。 水平对齐方式：设置字体显示的水平对齐方式。默认是居右，可以进行下拉选择设置为居右、居左、居中。 宽度：设置多维分析的列宽。默认是100px，可以根据需要设置数值。也可以通过把鼠标放在两列之间，当鼠标变成可拖拽状态则通过拖拽来调整列宽。 操作入口： 单击列更多菜单image2019-11-1 15:8:24.png，选择 属性 按钮，弹出“字段属性”对话框。 image2019-11-1 15:8:33.png 根据需要设置水平对齐和宽度。 image2019-11-1 15:9:9.pngEcharts图形-扩展属性：X、Y坐标轴刻度左对齐
（此文档仅供参考） 问题： 如图，横条图坐标轴刻度如何左对齐 image2023-8-10_19-19-46.png 实现方案： 可以通过扩展属性调整哦，请参考： { "yAxis": { "axisLabel": { "margin": 50, "left": -8, "textStyle": { "align": "left" } } } } 效果： image2023-8-10_19-20-19.png 坐标轴标签左边对齐Echarts图形-扩展属性：y轴标签 - Y轴刻度标签显示在横条图内侧
（本文档仅供参考） 问题 横条图如何调整y轴的标签值显示柱子内侧？ 解决方案 可以写扩展属性实现： option = { yAxis: { axisLabel: { inside: true }, z: 1000 } } 最终效果： image2025-3-18_10-12-46.png 刻度标签显示在柱子内Echarts图形-扩展属性：鼠标提示 - 柱图鼠标提示换行显示
（本文档仅供参考） 问题 如何实现柱图鼠标提示换行显示？ 解决方案 可以用以下扩展属性实现： { "tooltip": { "formatter": "function(a){ debugger;return a.seriesName+'</br>'+a.name+'</br>'+a.data.value[1]}" } } 效果图如下： image2018-11-5 14:39:56.png 鼠标提示换行Echarts图形-扩展属性：柱子 - 堆积柱图标签为0时不显示
（本文档仅供参考） 问题： 堆积柱图显示标签的时候，如何让数据为0的标签不显示。 解决方案： 可参考如下扩展属性实现。 { series: [ { itemStyle: { normal: { label: { formatter: "function (params) {if (params.value[0] !== 0) {return params.value[0]; } else { returnEcharts图形-扩展属性：折线 - 折线图的线粗细设置
（此文档仅供参考） 问题： 仪表盘线图组件如何调整线条粗细？ 实现方案： V10.5.12版本以后仪表盘组件可以直接设置，如图，组件设置——基础——线样式 image2023-8-10_19-12-6.png 在此之前的版本可以调整扩展属性实现： { "series": [ { "lineStyle": { "normal": { "width": "4" } } } ] } 折线粗细Echarts图形-扩展属性：样式 - 自助仪表盘里面，饼图位置调整
(此文档仅供参考) 问题说明 自助仪表盘里面，饼图如何调整位置 4.png 解决方案 可以通过扩展属性实现： 3.png "series": [ { "center": [ "30%", "30%" ] } ] 饼图位置 饼图居左Echarts图形-扩展属性：样式 - 环形图如何设置板块间间隙
（本文档仅供参考） 问题 环形图各个板块之间的空隙如何设置？设置成如下样式： 1.png 解决方案 可用扩展属性实现，示例： { "series": [{ "itemStyle": { "normal": { "borderWidth": 5, "borderColor": "rgba(0,255,0,0.36)" //颜色和背景色一致 } } }] } 环形图间隙Echarts图形-扩展属性：x轴标签显示在坐标轴刻度中间
(本文档仅供参考) 问题 如何实现将x轴的标签值放在刻度中间的效果？ image2021-6-4_13-48-26.png 解决方案 可以写扩展属性实现： { "xAxis": { "axisTick": { "alignWithLabel": true } } } x轴标签居中
