ECharts折线图修改标记大小 圆点大小 折点大小

原本样式

现在我们想要修改上面标点的形状,我们可以通过几个方法来实现

通过series-line. symbolSize

series: [{
    type: "line",
    symbolSize: 10//Number类型 设置成诸如 10 这样单一的数字 
  }]

还可以通过回调函数统一设置大小

  series: {
    type: 'line',
    data: [10, 20, 30, 40, 50],
    symbol: 'circle',
    symbolSize: function (value, params) {
      // 这里可以根据 value 或 params 设置标记大小
      return value * 2; // 以数据值乘以2作为标记大小
    }
  }
}

效果

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

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