第40页,共210页。 显示 2,095 条结果 (0.03 秒)
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 DateEcharts图形-扩展属性:地图鼠标提示隐藏某个数据列
(此文档仅供参考) 问题描述: 如果按照需求隐藏某个数据列,例如显示是分类和数据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": "UnitPriceEcharts图形-扩展属性:Y轴实现坐标梯度增加
(本文档仅供参考) 问题 如何实现Y轴坐标轴梯度增加,如10 100 1000这种。 解决方案 可以用以下扩展属性实现: { "yAxis": { "logBase": 10, "type": 'log', "min": 1 } } 效果图如下: image2020-8-5_16-2-10.png 注:logBase为log的底数,可自行去设置,并且最小值不能为0,因为对数的指数不能为0(min属性),当最小值为0的时候,图形效果会不美观。 y轴递增 y轴梯度 调整y轴刻度标签对数显示Echarts图形-扩展属性:Y轴刻度值个数固定
(此文档仅供参考) 问题 希望Y轴刻度值个数可以自定义设置 实现方案 可以用以下扩展属性实现: { "yAxis": { type: 'value', "splitNumber": 5 } } 注意:这个分割段数只是个预估值,最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。 Echarts官网关于此属性的解释:https://echarts.apache.org/zh/option.html#yAxis.splitNumber https://echarts.apache.org/zhEcharts图形-扩展属性:堆积柱图+线图
(此文档仅供参考) 问题 希望双Y联合图,可以实现堆积柱图+线图的效果。 实现方案 可以用以下扩展属性实现: { "series": [{ "stack": "aaa", "z": 2 }, { "stack": "aaa", "z": 2 }, { "z": 3 }] } 最终效果: image2022-5-17_16-33-25.png 属性解析说明:数据堆叠,同个类目轴上系列配置相同