2016-04-13 9 views
1

ポインタを上に移動すると、ポインタの下に凡例のデータが表示されます。データ範囲が10000未満の場合は、 10000未満のデータをフォーマットする方法を教えてください(1000を超えるデータの場合、範囲は10k、12,5kなどのように表示されます)enter image description hereハイチャートでは、凡例のデータが10000未満のデータの場合は重複しています

+0

ここからいくつかのスタイリングオプションで遊んでみてください - http://api.highcharts.com/highcharts#legend – Bhumika107

+0

あなたは、実際の例やフィドルを表示することができますか? – jlbriggs

+0

私はそこに見つけることができませんでした。私はそのドキュメントを通過しました。 –

答えて

1

colorAxis.labels.formatterを使用してカスタムを達成できますあなたの伝説に使用されているcolorAxisのラベルのスタイリング。

colorAxis: { 
    labels : { 
     formatter: function() { 
    return parseInt(this.value) >= 1000 ? parseInt(this.value)/1000 + 'k' : this.value ; 
     } 
    } 
} 
+0

はいこれがうまくいきます。助けてくれてありがとうございます –

+0

私は以下の記事を投稿しています –

1
ColorAxis: { 
    labels: { 
         formatter: function() { 
          var value = this.value.toFixed(0), 
           newValue = value, 
           shortNum, 
           precision; 
          if (1000 <= value) { 
           var suffixes = ['', 'K', 'M', 'B', 'T', 'G' ], 
            suffixNum = Math.floor(('' + value).length/3), 
            shortValue = ''; 
           for (precision = 2; precision >= 1; precision = precision - 1) { 
            shortValue = parseFloat((0 !== suffixNum ? (value/Math.pow(1000, suffixNum)) : value).toPrecision(precision)); 
            var dotLessShortValue = (shortValue + '').replace(/[^a-zA-Z 0-9]+/g, ''); 
            if (dotLessShortValue.length <= 2) { 
             break; 
            } 
           } 
           if (0 !== shortValue % 1) { 
            shortNum = shortValue.toFixed(1); 
           } 
           newValue = shortValue + suffixes[ suffixNum ]; 
          } 
          return newValue; 
         } 
        } 
} 
関連する問題