有没有办法单独在highcharts图例文本中添加边框？

Posted 2023-02-16

【中文标题】有没有办法单独在highcharts图例文本中添加边框？

【英文标题】：Is there any way to add border in highcharts legend text individually?

【发布时间】：2019-09-01 17:59:32

【问题描述】：

我需要添加带有图例文本（legend-item）的边框，例如

我正在尝试使用borderWidth，但它为整个图例区域提供了一个边框，有没有可能的方法来做到这一点。

【问题讨论】：

请在您想要进行上述更改的地方添加一些参考信息。

请参阅How to ask 并提供Minimal, Complete, and Verifiable example。你能创建一个代码 sn-p 或者至少发布你的 html、CSS 和 JS 吗？

【参考方案1】：

可以使用legend.itemStyle 属性和legend.useHTML = true 来完成。

代码：

  legend: 
    useHTML: true,
    itemStyle: 
      'border-style': 'solid',
      display: 'block',
      padding: '2px',
        'border-width': '1px',
      borderColor: 'red'
    
  

演示：

https://jsfiddle.net/BlackLabel/xp24b910/1/

API：

https://api.highcharts.com/highcharts/legend.itemStyle