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
  }]