Highcharts HighChart-如何更改HighChart图例的图标？

我想更改highchart图例的图标/项目符号，是否可以自定义

谢谢你的帮助

---

希望您能在下次提出问题之前阅读更多关于highchart API的信息并进行更多研究

这是一份文件

这就是解决方案===

简单方法：更改生成器类型

使用HTML

---

希望您能在下次提出问题之前阅读更多关于highchart API的信息并进行更多研究

这是一份文件

这就是解决方案===

简单方法：更改生成器类型

使用HTML

你可以用它把它弄成正方形

legend: {
        symbolRadius: 0
    },

注意，如果您需要更多自定义ie图像，请选中此复选框，然后您可以使用将其设置为方形

legend: {
        symbolRadius: 0
    },

---

注意：如果您需要更多自定义ie图像，请选中此项，您可以使用CSS隐藏图例标记：

.highcharts-legend-item .highcharts-point,
.highcharts-legend-item .highcharts-graph {
  display: none
}

然后在图例中设置

useHTML

，并使用

labelFormatter

插入您自己的HTML：

  legend: {
    useHTML: true,
    labelFormatter: function() {
      return "<img src='https://pbs.twimg.com/profile_images/538262176134221824/Vx4_Psj1_400x400.png' width='20' height='20'> " + this.name
    }
  }

现场演示：

API参考资料：

---

您可以使用CSS隐藏图例标记：

.highcharts-legend-item .highcharts-point,
.highcharts-legend-item .highcharts-graph {
  display: none
}

然后在图例中设置

useHTML

，并使用

labelFormatter

插入您自己的HTML：

  legend: {
    useHTML: true,
    labelFormatter: function() {
      return "<img src='https://pbs.twimg.com/profile_images/538262176134221824/Vx4_Psj1_400x400.png' width='20' height='20'> " + this.name
    }
  }

现场演示：

API参考资料：

这个更好吗

labelFormatter() {
      const hTmp = '<div style="background-color: ' + this.color + 
      ';height:10px;width:10px;display:inline-block;border-radius:50%;"></div>';
      this.legendItem.x = 0;
      return hTmp + '<div style="display: inline-block;padding-left: 10px;">' + this.name + '</div>';
  },

labelFormatter（）{
常量hTmp=''；
这个.legendItem.x=0；
返回hTmp+''+this.name+''；
},

这样更好吗

labelFormatter() {
      const hTmp = '<div style="background-color: ' + this.color + 
      ';height:10px;width:10px;display:inline-block;border-radius:50%;"></div>';
      this.legendItem.x = 0;
      return hTmp + '<div style="display: inline-block;padding-left: 10px;">' + this.name + '</div>';
  },

labelFormatter（）{
常量hTmp=''；
这个.legendItem.x=0；
返回hTmp+''+this.name+''；
},

谢谢兄弟，这非常有用。我使用labelFormatter只是为了改变文本的颜色。谢谢兄弟，这非常有用。我使用labelFormatter只是为了更改文本的颜色。谢谢兄弟，但我想为每个项目添加不同的符号。谢谢兄弟，但我想为每个项目添加不同的符号。我想在图例中为每个项目添加不同的符号，现在我知道了怎么做。谢谢我想为图例中的每一项添加不同的符号，现在我知道怎么做了。谢谢