使用labelFormatter在legendSymbol之前的Highcharts甜甜圈自定义图例文本答案

【问题标题】：Highcharts donut custom legend text before legendSymbol using labelFormatter使用labelFormatter在legendSymbol之前的Highcharts甜甜圈自定义图例文本
【发布时间】：2021-08-28 04:16:19
【问题描述】：

我正在尝试使用移动分辨率制作响应式圆环图，我需要在第一行显示带有一些自定义文本的图例，并在下一行显示符号和名称。现在，当我将 showInLegend 设置为 true 时，首先显示符号。有人可以帮我解决这个问题吗？

  responsive:{
      rules:[{
        condition:{
          maxWidth: 288
        },
        chartOptions:{  
          plotOptions: {
            pie: {
              size:'45%',
              center:[30,70],
              showInLegend: true
            }
          },
         legend: {
            layout: 'horizontal', 
            align:'left',           
            labelFormatter: function () {
             return (
               //Need to add custom text on line 1 followed by legend symbol and name on line 2
               '<div>' +this.options.name +'</div> <br>  <div>'+this.options.y +'</div>'              
             );
            }
          },

【问题讨论】：

如果不看您的演示，很难告诉您在这里可以做什么。您能否在 JSFiddle 等在线编辑器中重现此问题？
@DominikChudy 我已经禁用了 legendSymbol 并想在图例中添加一个自定义圆圈。我尝试将以下内容添加到 labelFormatter：
。但是圆圈没有在图例中呈现。自定义文本在图例中呈现。请帮忙，谢谢
我想要实现的是：在 labelFormatter 内部，我需要自定义 text1 custom text2。我正在使用如下 labelFormatter： legend: labelFormatter:function(){ return "
custom text1

" + //"如何在此处添加图例符号"？ +"
自定义文本2
" }
我已经在我们的官方 Highcharts 论坛上回答了您的问题。对于未来，请不要在不同的支持渠道上重复相同的问题。链接：highcharts.com/forum/viewtopic.php?f=9&t=47221
谢谢你多米尼克！

标签： angular highcharts pie-chart

【解决方案1】：

解决方案在链接中：highcharts.com/forum/viewtopic.php?f=9&t=47221

【讨论】：