ECharts折线图修改 标点样式 折线的点样式 标记的图形 图标形状

原本样式

在这里插入图片描述
现在我们想要修改上面圆点的形状,我们可以通过几个方法来实现

通过series-line. symbol

注意:不设置这个属性默认是空心圆点,设置以后变为实心

series: [{
    type: "line",
    symbol: "circle"
    //'circle' (圆形)
    //'rect' (矩形)
    //'roundRect'(圆角矩形)
    //'triangle' (三角形)
    //'diamond' (菱形)
    //'pin' (地图针)
    //'arrow'(箭头)
    //'none'(无标记点)
    //'image://url'(自定义图片)
  }]

circle (圆形)

在这里插入图片描述

rect(矩形)

在这里插入图片描述

roundRect(圆角矩形)

在这里插入图片描述

triangle(三角形)

在这里插入图片描述

diamond(菱形)

在这里插入图片描述

pin(地图针)

在这里插入图片描述

arrow(箭头)

在这里插入图片描述

none(无标记点)

在这里插入图片描述

image://url(自定义图片)

在这里插入图片描述

单独给某个数据修改 data.symbol

 series: [{
    data: [{value:820,symbol:'rect'}, 932, 901, 934, 1290, 1330, 1320],
    type: "line",
    symbolSize: 10
  }]

在这里插入图片描述

  • 5
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值