第1页,共123页。 显示 1,221 条结果 (0.033 秒)
Echarts图形-扩展属性:折线 - 折线图上的点加外圈效果
(本文档仅供参考) 问题1 我想实现折线图上的点加外圈的效果,同时还带有一些阴影的效果,如下图: image2021-2-9_14-23-23.png 解决方案 可以使用扩展属性实现,如下: { "series": [{ "symbol": 'circle … "shadowBlur": 0, //阴影的偏移效果 "shadowOffsetY": 2, "shadowOffsetX": 2, } }] } 折线点加大Echarts图形-扩展属性:折线 - 折线图数据点加白色边框
(本文档仅供参考) 问题描述: 折线图里,这个连接点有办法设置成下图样式吗,连接数据点有个白色的边框: image2025-3-14_12-34-40.png 解决方案: 可通过扩展属性调整折线的数据标签位置,扩展属性如下: option = { "series": [{ "symbol … ', // 数据点边框颜色,这里设置为白色 "borderWidth": 2, // 数据点边框宽度 image2025-3-14_12-29-34.png 折线数据点白色边框Echarts图形-扩展属性:数据标签 - 折线图设置标签的格式为百分比
(此文档仅供参考) 问题 希望折线图的标签可设置数据格式为百分比 2022-10-12_173215.png 实现方案 以下示例为在V97仪表盘中实现,可参考以下扩展属性: 注意:需要对哪个类别的折线设置数据格式,则需要到对应的{}中添加代码,以下扩展属性为对第2个类别进行设置,因此也是 … (a.value[1]*100).toFixed(2) + '%'}" } } } } ] 2022-10-12_173108.png (此文档仅供参考) 问题 希望折线图的标签可设置数据格式为百分比 2022-10-12_173215.png 实现方案 以下示例Echarts图形-扩展属性:数据标签 - 折线图数据项标签重叠问题
(本文档仅供参考) 问题 由于数据相差比较小,导致折线图的数据项标签重叠在一起,不方便查看,如下截图 image2024-1-24_17-49-21.png 解决方案 可以写扩展属性让数据项标签每组数据显示的位置不一样以避免数据项标签重叠在一起,例如第一组显示在上面,第二组显示在下面。实现效果 … : 'line', label: { show: true, position: 'bottom' // 标签显示在折线下方 } }] } 另外可以设置文字是否偏移,具体可见 Echarts图形-扩展属性:数据标签 - 柱图数据标签重叠问题 折线数据标签重叠Echarts图形-扩展属性:鼠标提示 - 折线图鼠标放上去自动显示一条竖线
(本文档仅供参考) 问题描述 折线图鼠标放上去自动显示一条竖线 然后展示所有线的值 image2023-3-14_21-19-39.png 解决方案 可以用扩展属性实现放上去有竖线 { "tooltip": { "trigger": "axis" } } trigger属性具体可参考如下文档:https://blog.csdn.net/qq_42462993/article/details/125296566 https://blog.csdn.net/qq_42462993/article/details/125296566 https://echarts.apache.org/zhEcharts图形-扩展属性:图例 - 仪表盘折线图只显示某些系列折线
(本文档仅供参考) 问题: 当折线图系列过多时,折线堆叠重合,希望可以固定展示某几条折线。在点击其他系列图例时,再出现其他折线。 期望效果: 只显示某个系列折线20230703152504.png 解决方案: 【组件设置】-【自定义属性】-【图形配置】添加扩展属性,将不需要展示的折线,通过控制图例的隐藏 … } } } 说明:图例的当前选择状态是:SUV 类型被选中,而 MPV 类型和 轿车 类型未被选中;因此折线图只展示 SUV 系列折线。 显示部分图例Echarts图形-扩展属性:折线 - 折线图的线粗细设置
(此文档仅供参考) 问题: 仪表盘线图组件如何调整线条粗细? 实现方案: V10.5.12版本以后仪表盘组件可以直接设置,如图,组件设置——基础——线样式 image2023-8-10_19-12-6.png 在此之前的版本可以调整扩展属性实现: { "series": [ { "lineStyle": { "normal": { "width": "4" } } } ] } 折线粗细Echarts图形-扩展属性:x轴标签 - X轴坐标与折线图交叉重叠
(此文档仅供参考) 问题 X轴坐标与折线图交叉重叠,希望效果是图形与x轴不交叉重叠。 image2024-5-6_9-50-24.png 实现方案 出现重合的原因是因为度量数值上本身存在负值的情况,而且本身xy轴的0刻度默认是重合的,如不需要重合,则需要重新调整默认值 { "xAxis": [{ "axisLine": { "onZero": false } }], "yAxis": { "type": "value", "min": -100Echarts图形-扩展属性:标线 - 自定义仪表盘折线图标线标记
(本文档仅供参考) 问题 自助仪表盘折线图的标线起始和终点的标记图形希望自定义为如下图,如何修改? image2023-11-15_19-21-22.png 解决方案 可使用此扩展属性: option = { "series": [{ "markLine": { "data": [{ "type": "average", }], "precision": 2, "symbol": ["circle", "triangle"] } }] } echarts官方支持的自定义标记图形:https://echartsEcharts图形-扩展属性:提示 - 自助仪表盘折线图固定显示最低值提示框
问题 自助仪表盘折线图上希望可以固定显示最低值的提示框,且提示框背景为透明渐变,如下图: image2022-12-8_17-12-36.png 解决方案 可通过使用标注实现,具体请参考如下扩展属性: {"series": [ { "markPoint": { "symbol": "rect", "symbolSize": [ 100, 50 ], "symbolOffset": [ 50, 50 ], "data": [ { "name": "最大值", "type": "min