highcharts - ハイチャートの円グラフでラベルのガイドラインを非表示にする

Question

Highcharts では、dataLabel フォーマッターを使用して、ゼロ値に対して空の文字列値を返しています。これにより、ゼロ値のラベルが効果的に非表示になります。ただし、円グラフでは、スライスの値がゼロであっても、各円スライスを指すガイドラインがあります。DOM 要素を直接操作しない限り、これらのガイドラインを削除することはできないようです。ユーザーが操作したフィルター基準に基づいてチャートを動的に更新しているため、空のパイ スライスをチャートに保持したいのですが、空のパイ スライスを指すガイドラインを非表示にしたいと考えています。

ハイチャートを構成して、空のパイ スライスを指すガイドラインを削除する方法を知っている人はいますか? 以下のフォーマッタを使用して、ラベル自体をクリアできます。

formatter: function ()
{
   var y = this.y;
   if (y == 0)
     return "";
   ...
}

Answer 1

あなたは使用しようとすることができます：

 if(this.y == 0)
                            return null    
                        else
                            return this.y

Answer 2

フォーマッタ関数が表示する値を評価しているとき、コンテキストはガイドライン パス要素にアクセスできます。フォーマッターに次の変更を加えることで、ガイドラインを非表示にすることができました。

formatter: function ()
{
  var y = this.y;
  //Hide the labels for empty pie slices
  if (y == 0)
  {
    //If there is a pie chart label guideline, hide it
     if (this.point.connector)
        $(this.point.connector.element).attr("stroke", "#FFFFFF");
    return "";
  }
  //If the label guideline was previously hidden, show it
  if (this.point.connector)
     $(this.point.connector.element).attr("stroke", "#000000");

  ...
 }

Answer 3

コネクタ幅を 0 にします。

dataLabels: {
    connectorWidth: 0,
    ...
}