第69页,共224页。 显示 2,235 条结果 (0.032 秒)
电子表格⬝ 扩展报表
本章节主要介绍的是电子表格在项目中的一些特殊扩展应用示例。Echarts图形-扩展属性:图例样式,只保留线不显示点(折线图)
(本文档仅供参考) 问题 如何修改图例样式,只保留线不显示点 image2021-6-2_18-22-42.png 解决方案 可以使用扩展属性实现 { "legend": { "show": true, "icon": "line" } } 效果如下: image2021-6-2_18-23-15.png 若使用联合图,一个是柱图,一个是线图,只修改线图图例样式为横线可参考如下扩展属性: { "legend": [{ "itemWidth": 12, "itemHeight": 12Echarts图形-扩展属性:动态年份图例
(本文档仅供参考) 问题描述 创建的双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 DateEcharts图形-扩展属性:图例如何添加自定义文字
(本文档仅供参考) 问题描述: 实际数据不修改,某个图表组件的图例想自定义加些文字说明,请问可以怎么自定义修改? image2024-10-12_11-13-44.png 解决方法: 可以使用扩展属性实现: option = { "legend": { "formatter": "function (name) {{return name+'测试'}}" } } image2024-10-12_11-16-7.png 图例添加文字Echarts图形-扩展属性:地图鼠标提示隐藏某个数据列
(此文档仅供参考) 问题描述: 如果按照需求隐藏某个数据列,例如显示是分类和数据1,鼠标提示希望显示分类和数据2就行,如图,鼠标提示去隐藏数量 image2024-7-26_15-15-52.png 处理方案: 参考使用自定义扩展属性实现 { "tooltip": { "trigger": "item", "formatter": "function(params){return params.name http://params.name + '</br>'+ '单价:'+params.value[2] ;}" } } 效果如图: image2024-7-26_15-24-33.pngEcharts图形-扩展属性:图例默认置灰
(本文档仅供参考) 问题 如何实现打开报表的时候,图形的某些图例默认不显示? 解决方案 此效果可通过如下扩展属性实现: { "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图形-扩展属性:鼠标提示显示方向
(此文档仅供参考) 问题描述 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图形-扩展属性:关系图的连线设置箭头方向
(本文档仅供参考) 问题 关系图,在关系连线上直接显示箭头,实现源 -> 目标,如下图所示 image2022-6-12_17-4-47.png 解决方案 可使用如下扩展属性代码实现: { "series": [{ "edgeSymbol": ['none', 'arrow'], "edgeSymbolSize": [10, 10] }] } 另 symbol的可选取值,如下: ‘circle’(圆形), ‘rect’(矩形), ‘roundRect’(圆角矩形), ‘triangle’(三角形), ‘diamond’(菱形), ‘pin’(大头针), ‘arrowEcharts图形-扩展属性:柱图显示双堆积图
(本文档仅供参考) 问题: 柱图如何显示成双堆积图呢,堆积的时候柱子总是堆积在了一起。 解决方案: 可以考虑通过扩展属性配置。 { "series": [ { "type": "bar", "stack": "ShipVia"//stack配置系列根据字段进行调整 }, { "type": "bar", "stack": "ShipVia" }, { "type": "bar", "stack": "UnitPrice" }, { "type": "bar", "stack": "UnitPrice