页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题描述:

折线图里,这个连接点有办法设置成下图样式吗,连接数据点有个白色的边框:

解决方案:

可通过扩展属性调整折线的数据标签位置,扩展属性如下:

option = {
  "series": [{
    "symbol": 'circle', // 数据点形状为圆形,可根据需要更改
    "symbolSize": 8, // 数据点大小
    "itemStyle": {
      "normal": {
        "color": '#007bff', // 数据点填充颜色
        "borderColor": '#FFFFFF', // 数据点边框颜色,这里设置为白色
        "borderWidth": 2, // 数据点边框宽度
      }
    }
  }, {
    "itemStyle": {
      "normal": {
        "color": '#007bff', // 数据点填充颜色
        "borderColor": '#FFFFFF', // 数据点边框颜色,这里设置为白色
        "borderWidth": 2, // 数据点边框宽度
      }
    }
  }]
}

**关键是设置好数据点边框颜色和宽度:

"borderColor": '#FFFFFF', // 数据点边框颜色,这里设置为白色
"borderWidth": 2, // 数据点边框宽度