第44页,共152页。 显示 1,517 条结果 (0.035 秒)
Echarts图形-扩展属性:动态年份图例
(本文档仅供参考) 问题描述 创建的双Y联合图,其中的字段名称希望实现动态显示,例如:今年显示当前系统年份-2021年,去年-2020年,前年-2019年 image2021-4-6_11-37-29.png 解决方案 关于动态图例,可参考扩展属性如下,可通过日期函数var date = new Date(); var year = date.getFullYear();获取到当前的年份,再根据字段名称动态判断当前应该显示为哪一个年份信息: { "legend": { "formatter": "function (name) {var date = new Date();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" } } } ] 横向面积图Echarts图形-宏代码:标签 - 饼图如何设置数据标签显示名称,数值,百分比,并且数值保留两位小数,对百分比四舍五入
问题 饼图如何设置数据标签显示名称,数值,百分比,并且数值保留两位小数 image2019-12-2 10:14:4.png 解决方案 1、先设置图形的数据标签为【显示】: image2019-12-2 10:16:2.png 2、增加宏修改数据标签效果: 类型 对象 事件 ClientSide chart afterRenderer image2019-12-2 10:19:30.png function main(chartView) { var chEcharts图形-扩展属性:鼠标提示加圆点显示
(本文档仅供参考) 问题1 我想实现折线图不从Y轴做起点,然后鼠标提示前面加圆点,如下的效果: image2021-2-4_18-59-16.png 解决方案 可以使用扩展属性实现,如下: { "xAxis": { "boundaryGap": true }, tooltip: { trigger: 'axis', formatter: function(param) { var tip = param[0].name + "<br>"; for (var i = 0; i < param.lengEcharts图形-扩展属性:图例默认置灰
(本文档仅供参考) 问题 如何实现打开报表的时候,图形的某些图例默认不显示? 解决方案 此效果可通过如下扩展属性实现: { "legend": { "selected": { "小家电": false } }} 效果: 11.jpg 图例置灰Echarts图形-扩展属性:Y坐标轴名称换行
(此文档仅供参考) 问题 希望实现Y轴名称换行 2023-04-13_111901.png 实现方案 可以用以下扩展属性实现:(具体值设置大小可结合实际调整) { "yAxis": { "name": "Y轴1、\r\nY轴2", "nameGap": 10 //与Y轴距离,数值越大距离越大 } } 具体效果如下: 2023-04-13_111947.pngEcharts图形-扩展属性:调整数据标注大小
(此文档仅供参考) 问题描述: 数据标注大小如何调小一点,有时候标签太大会遮挡图例和标题? 添加属性前.png 解决方案 可通过扩展属性调整标注大小: { "series": [{ "markPoint": { "symbolSize": 17 } }] } 扩展属性1.png 实现效果如下: 添加属性后.png 数据标注图标大小Echarts图形-扩展属性:柱图显示双堆积图
(本文档仅供参考) 问题: 柱图如何显示成双堆积图呢,堆积的时候柱子总是堆积在了一起。 解决方案: 可以考虑通过扩展属性配置。 { "series": [ { "type": "bar", "stack": "ShipVia"//stack配置系列根据字段进行调整 }, { "type": "bar", "stack": "ShipVia" }, { "type": "bar", "stack": "UnitPrice" }, { "type": "bar", "stack": "UnitPrice" } ] } image2024-1Echarts图形-扩展属性:词云图修改形状
(本文档仅供参考) 问题描述 希望修改词云图形状,类似心形,星形。现在的效果图: image2023-3-13_17-50-54.png 解决方案 可以用扩展属性实现星形,最终效果图: image2023-3-13_17-46-19.png 相关shape属性可参考如下截图: image2023-3-13_17-35-39.png 扩展属性参考: 1 2 3 4 5 { "series": [{ "shape": 'star' }] } 词云图形状Echarts图形-扩展属性:词云图修改文字方向
(本文档仅供参看) 问题描述 希望修改词云图文字方向,全部弄成水平显示,现在的效果图: 1.jpg 解决方案 可以用扩展属性实现,最终效果图: 2.jpg 扩展属性参考: { "series": [{ "rotationRange": ["0", "0"], //切换数值调整文字方向,["0", "0"]表示水平显示 }] } 词云图文字方向