第22页,共421页。 显示 4,202 条结果 (0.042 秒)
Echarts图形-扩展属性:联合图柱图显示上方,面积图显示在下方
(本文档仅供参考) 问题 联合图如何将面积图放到柱图后边 image2020-3-9 14:14:29.png 解决方案 此问题可以通过以下扩展属性处理实现: { "series": [{ "zlevel": 1 }, { "zlevel": 0 }] } image2020-3-9 14:15:47.png 在V97中Zlevel无法通过扩展属性修改实现,需要通过宏实现,示例如下: image_1631945965003_73a7o.png function main(chartView) { var chartEcharts图形-扩展属性:数据标签 - 关系图的连线上显示关系信息
(本文档仅供参考) 问题 关系图,在关系连线上直接显示出关系信息,如下图所示 关系图.png 解决方案 可使用如下扩展属性代码实现: { "series": [{ "edgeLabel": { "normal": { "show": true, "formatter": "function(x){ return x.name+':'+x.value;}", //连线显示关系 } } }] } PS: x.name 和x.value 是固定图形方法Echarts图形-扩展属性:Y坐标轴名称换行
(此文档仅供参考) 问题 希望实现Y轴名称换行 2023-04-13_111901.png 实现方案 可以用以下扩展属性实现:(具体值设置大小可结合实际调整) { "yAxis": { "name": "Y轴1、\r\nY轴2", "nameGap": 10 //与Y轴距离,数值越大距离越大 } } 具体效果如下: 2023-04-13_111947.pngEcharts图形-扩展属性:鼠标提示显示方向
(此文档仅供参考) 问题描述 Echarts图形的鼠标提示怎么修改显示方向 2021-11-11_154751.png 实现方案 此示例的扩展属性如下,关于鼠标提示显示方向具体可查看Echarts文档:https://echarts.apache.org/zh/option.html#grid.tooltip.position https://echarts.apache.org/zh/option.html#grid.tooltip.position { "tooltip": { trigger: "item", position: "topEcharts图形-扩展属性:鼠标提示 - 关系图圈上面的鼠标提示不显示,只显示线上的鼠标提示
(本文档仅供参考) 问题 关系图,圈上面的鼠标提示不显示,只显示线上的鼠标提示。 image2018-11-14 15:3:17.png 解决方案 可使用如下扩展属性代码实现: 注:线上的params.value获取的是links里面的value,若想线上有值显示,需要设置links的value { "tooltip": { "trigger": "item", "formatter": "function(params){if(params.dataType=='edge'){return params.name + ' : ' + params.value ;} elseEcharts图形-扩展属性:堆积柱图+线图
(此文档仅供参考) 问题 希望双Y联合图,可以实现堆积柱图+线图的效果。 实现方案 可以用以下扩展属性实现: { "series": [{ "stack": "aaa", "z": 2 }, { "stack": "aaa", "z": 2 }, { "z": 3 }] } 最终效果: image2022-5-17_16-33-25.png 属性解析说明:数据堆叠,同个类目轴上系列配置相同Echarts图形-扩展属性: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轴刻度值个数可以自定义设置 实现方案 可以用以下扩展属性实现: { "yAxis": { type: 'value', "splitNumber": 5 } } 注意:这个分割段数只是个预估值,最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。 Echarts官网关于此属性的解释:https://echarts.apache.org/zh/option.html#yAxis.splitNumber https://echarts.apache.org/zhEcharts图形-扩展属性:X轴坐标轴名称与轴线之间的距离调整
(此文档仅供参考) 问题 希望调整x轴坐标轴名称与轴线的距离,避免重叠,如下图 image2021-11-3_11-29-30.png 实现方案 可以用以下扩展属性实现:(具体值设置大小可结合实际调整) { "xAxis": { "nameGap": 30 } } image2021-11-3_11-32-12.png x轴名称距离标线距离删除标签Echarts图形-扩展属性:双Y联合图设置X轴对应右Y轴在0刻度值
(此文档仅供参考) 问题描述 Echarts双Y图如何设置哪个轴的 0 刻度上?现在是左Y轴再0刻度值上,如何设置右Y轴? 01.png 实现方案 此示例的扩展属性如下,相关的属性可以上echarts官网查看,https://echarts.apache.org/zh/option.html#xAxis.axisLine.onZeroAxisIndex https://echarts.apache.org/zh/option.html#xAxis.axisLine.onZeroAxisIndex { "xAxis": { "axisLine