页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(本文档仅供参考)

问题描述:

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

Image Modified

解决方案:

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

代码块
linenumberstrue
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, // 数据点边框宽度

Image Modified