ポインタを上に移動すると、ポインタの下に凡例のデータが表示されます。データ範囲が10000未満の場合は、 10000未満のデータをフォーマットする方法を教えてください(1000を超えるデータの場合、範囲は10k、12,5kなどのように表示されます)ハイチャートでは、凡例のデータが10000未満のデータの場合は重複しています
1
A
答えて
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;
}
}
}
関連する問題
- 1. ハイチャートのスプラインチャート上のデータの重複
- 2. d3グラフの凡例が重複しています
- 3. Python - 凡例の値が重複しています
- 4. シリーズ名= 'SP'の場合、ハイチャートの凡例を無効にする
- 5. ハイチャート凡例のフォントサイズ
- 6. ハイチャート凡例のシンボル
- 7. 入力データがリストデータフレームの場合、ggplotに紛失凡例を追加します。
- 8. geomにデータが指定されている場合、凡例をマップに結合
- 9. ハイチャート凡例アライメント
- 10. はRで凡例の位置を決定するので、凡例は円グラフと重複しない
- 11. ハイチャートの凡例のグループ化
- 12. ハイチャート:複数の凡例が可能ですか?
- 13. barplotデータ凡例
- 14. ハイチャート温度の凡例
- 15. jQueryが10未満の場合はこれを行い、そうでない場合は0を返します。
- 16. matplotlibの凡例に重複している項目はありますか?
- 17. ハイチャート列グラフカスタム凡例の書式が凡例記号を表示しない
- 18. 例外が発生しないのはなぜですか?列挙型のサイズが100バイト未満の場合
- 19. ggplotの2つの凡例で重複を削除します
- 20. デバイスが370px未満の場合はHTMLが小さい
- 21. テキストボックスが空白またはテキストボックスが3未満の場合
- 22. 重複したコードの場合または重複した条件の場合
- 23. Python:Matplotlib Subplotの複合凡例
- 24. 車両適合データが重複して重複している年
- 25. ハイチャート凡例複数の位置?最初の凡例左と2番目の凡例は、グラフで表示されます
- 26. 2凡例が存在する場合の凡例のサイズの変更方法
- 27. Oracle SQLで1か月未満のデータを統合する
- 28. ファイルが2つ未満の場合はフォルダを削除してください
- 29. 値が1未満の場合、Float return 0を返します。
- 30. ハイチャートで新しいデータを元のデータに戻す方法は?
ここからいくつかのスタイリングオプションで遊んでみてください - http://api.highcharts.com/highcharts#legend – Bhumika107
あなたは、実際の例やフィドルを表示することができますか? – jlbriggs
私はそこに見つけることができませんでした。私はそのドキュメントを通過しました。 –