Question

我正在使用Highcharts生成折线图。

我遇到numberFormat：

的问题

var test = 15975000;
numberFormat(test, 0,',','.');

结果是：15.975.000

但我想将1000转换为1k，将100000转换为100k，将1000000转换为1m。我该如何处理这个问题？

Answer 1

numberFormat在Highcharts对象中可用。

Highcharts.numberFormat(test, 0,',','.');

示例http://jsfiddle.net/DaBYc/1/

yAxis: {
        labels: {
            formatter: function () {
                return Highcharts.numberFormat(this.value,0);
            }
        }
    },

Answer 2

编写自己的formatter（请参阅此example）。

formatter: function() {
  result = this.value;
  if (this.value > 1000000) { result = Math.floor(this.value / 1000000) + "M" }
  else if (this.value > 1000) { result = Math.floor(this.value / 1000) + "k" }
  return result;
}

另请参阅：How to format numbers similar to Stack Overflow reputation format

Answer 3

你只需要这样做：

mysql-connector-java-5.1.35-bin.jar

以下是用于转换要在javascript上插入的数据的函数：

                labels: {
                formatter: function() {
                     return abbrNum(this.value,2); // Need to call the function for each value shown by the chart
                }
            },

希望这有效=）

Answer 4

如果要格式化Highstock图表：

   tooltip: {
        pointFormatter: function() {
          var result = this.y;
        let header = '<table>';
        let body = '<tr><td style = "color: ' + this.series.color + ';padding:0">'
          + this.series.name + ': </td><td style = "padding:0"><b>';
        if (result > 1000000) {
          result = Math.floor(result / 1000000) + "M"
        }
        else if (result > 1000) {
          result = Math.floor(result / 1000) + "k"
        }
        return header + body + result + '</b></td></tr></table>';
        }
    },

我很难找到一种添加数百万的方式，同时又不影响数据分组功能或日期。

数字格式的高图（单位）

4 个答案: