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

【问题标题】：Is there any way to add border in highcharts legend text individually?有没有办法单独在highcharts图例文本中添加边框？
【发布时间】：2019-09-01 17:59:32
【问题描述】：

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

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

【问题讨论】：

请在您想要进行上述更改的地方添加一些参考信息。
请参阅How to ask 并提供Minimal, Complete, and Verifiable example。你能创建一个代码 sn-p 或者至少发布你的 HTML、CSS 和 JS 吗？

标签： jquery css highcharts border legend

【解决方案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

【讨论】：