Echarts的Y轴添加定值横线的示例

还是大剑师兰特

已于 2023-02-04 15:24:35 修改

阅读量4.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # Echarts 实战应用 100+ 文章标签： echarts javascript echarts添加定值

于 2023-02-04 15:23:32 首次发布

本文链接：https://blog.youkuaiyun.com/cuclife/article/details/128882187

Echarts 实战应用 100+ 专栏收录该内容

25 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

该文章展示了如何在Vue.js应用中使用Echarts库创建折线图，并在Y轴上添加一条横线。代码示例详细解释了如何通过设置series的markLine属性来实现这一功能，包括线条样式、标记和坐标轴的配置。此外，还提供了源代码供学习和参考。

在这里插入图片描述

第010个

点击查看专栏目录

Echarts折线图的y轴要画一条横线，主要是在series中设置markLine的图表标线参数，具体的参考源代码。

文章目录

示例效果

在这里插入图片描述

示例源代码（共142行）

/*
* @Author: 还是大剑师兰特（优快云）
* @下面源代码版权归还是大剑师兰特所有，可供学习或商业项目中借鉴，未经授权，不得重复地发表到博客、论坛，问答，git等公共空间或网站中。
* @Email: 2909222303@qq.com
* @First published in 优快云
* @First published time: 2023-02-04
*/
<template>
	<div class="container">