平均得分线的数值是鼠标悬停的的那一个月的平均值,也就是说鼠标横向移动时,平均得分线的位置会动态变化。
https://www.makeapie.com/explore.html#sort=rank~timeframe=all~author=all
给你一个echarts特效的网站,你可以看看有没有需要,或者灵感
添加一条新的折现,然后把线宽设置为0,添加markLine,即可按自己自定义的值,显示出平均值的效果
{
name: '平均值',
type: 'line',
data: new Array(data.length).fill(avg),//根据折线图X轴值长度填充自定义值avg
lineStyle: {
normal: {
width: 0,//线宽设置为0 !!!
},
},
symbolSize: 0,
markLine: {
silent: true,
data: [
{
type: 'average',
name: '平均里程',
},
],
precision: 0,
label: {
normal: {
position: 'middle',
color: 'rgba(248,211,81,.7)',
fontSize: 18,
formatter: '平均里程: \n {c}km',
},
},
lineStyle: {
normal: {
color: 'rgba(248,211,81,.7)',
},
},
},
},
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
这个的关键是数据怎么获取,然后就是处理来在页面上增加一个线。
有数据规则,肯定可以获取和画出这个线来的。