Echarts 设置折线拐点大小、类型等，默认下不显示拐点

还是大剑师兰特

于 2023-02-13 11:05:05 发布

阅读量2.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： # Echarts 实战应用 100+ 文章标签： echarts javascript echarts折线图拐点

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

25 篇文章 ¥29.90 ¥99.00

订阅专栏

文章介绍了如何使用Echarts配置折线图的标记(symbol)属性，包括形状、大小、旋转角度、缩放比例、位置偏移和显示控制。通过示例代码展示了如何在Vue中实现这些效果，包括自定义图形、旋转、保持长宽比以及不显示拐点等设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

第013个

点击查看专栏目录

Echarts的折线图可以设置拐点大小,图形类型，旋转角度，缩放同比，位置偏移，是否显示等属性。

属性名称	默认值	参数说明
symbol	emptyCircle	‘rect’,‘circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’, ‘none’,
symbolSize	4	可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10
symbolRotate:	0	标记的旋转角度（而非弧度）。正值表示逆时针旋转。注意在 markLine 中当 symbol 为 ‘arrow’ 时会忽略 symb