You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Apexcharts:如何为散点图中特定标记点设置边框

Apexcharts散点图单个标记点设置边框的方法

你直接用strokeColor没效果是因为Apexcharts对单个散点的边框样式要求用stroke对象来配置,而且必须同时设置边框宽度,否则默认宽度为0,看不到效果。

修改后的代码示例:

series: [
  {
    name: 'Points',
    data: [
      {
        x: 3.2,
        y: 5.8
      },
      {
        x: 3.8,
        y: 6.04,
        fillColor: '#111',
        stroke: {
          color: '#eee',
          width: 2 // 必须设置宽度,否则边框不显示
        }
      },
      {
        x: 4.55,
        y: 6.77
      }
    ]
  }
]

补充说明:

  • 单个散点的边框配置需要嵌套在stroke对象中,color指定边框颜色,width控制边框粗细,可根据需求调整数值。
  • 如果要给所有散点统一设置边框,可在图表的plotOptions.scatter下配置stroke属性来全局定义颜色和宽度,单个点的自定义配置会优先覆盖全局设置。

内容的提问来源于stack exchange,提问作者Hejhejhej123

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.28 05:32:37