2013-04-05 13 views
13

私は、縦棒グラフを使用し、各バーの上にそれらの値を表示しています。値が0の場合は値を表示したくありません。どのように行うのですか?ここに私のコードがありますカラムチャートでゼロ値を非表示にする方法

var series = { data: [], 
       dataLabels: { 
        enabled: true, 
        color: 'black', 
        align: 'right', 
        x: -3, 
        y: 3, 
        style: { 
         color: '#333', 
         fontWeight: 'bold', 
         fontSize: '12px', 
         fontFamily: 'Trebuchet MS, Verdana, sans-serif' 
        } 
       }, 
       pointWidth: 28 
}; 

答えて

9

あなたはdatalabelsフォーマッタを使用して値がゼロよりも大きいかどうかをチェック条件を追加することができます。ここで

http://jsfiddle.net/DdvGm/

plotOptions: { 
     series: { 
      dataLabels:{ 
       enabled:true, 
       formatter:function(){ 
        if(this.y > 0) 
         return this.y; 
       } 
      } 
     } 
    }, 

http://api.highcharts.com/highcharts#plotOptions.column.dataLabels.formatter

+0

'plotOptions'が' exporting'オブジェクトにラップされていると、これはうまくいかないようです。私は、エクスポートされた画像で0の値を無効にしようとしています。 – conor909

2

答えは、あなたの質問には、既存の答えが正しい場合、私はフル訴えるないですがどのように短いことで、あります。それはチャート上でレンダリングされますので、highcharts 0で

が多数考えられています。しかし、ヌルは隠されています。したがって、データを追加する場合は、値が0かどうかを確認し、値が0の場合はnullに変更する必要があります。

ご質問があるなら、私に教えてください。

フィドル:http://jsfiddle.net/8kr0tods/その月は0で、傷がnullで、ヌルが隠されている参照してください。

if($VAL==0) 
    { 
     $VAL='null'; 
    } 
+0

なぜ誰かがちょうどラベルを非表示にする一方で、データを編集するには? '私は縦棒グラフを使用して、各bar.'の上にそれらの値を表示しています::;)未コラム自体**各バーの上に**私は再び質問を読むことをお勧めします。 –

+2

はい、正しいかもしれません。しかし、私は "私は値が0の場合は表示したくありません。それは多くの方法で解釈することができます。既存の回答は選択されていないので、これはOPが望むものかもしれませんが。 –

+0

カテゴリを非表示にすることは可能ですか? –

関連する問題