Question

我想在高图线图上显示几个大数字点。

e.g。 100,000,10,000,000,1,000,000,000

当我显示这些时，y轴会自动将数字格式化为100 k，10 M，1,000 M等，但工具提示仍会显示实际的大数字。

是否可以在工具提示本身中显示1,000,000,000作为1 B或1000 M.

我正在尝试使用numberFormat函数，但我认为它不是正确的函数。

Highcharts.numberFormat(this.y,0)

我是否必须编写一个自定义函数来在工具提示中进行格式化？

Answer 1

您可以使用与Highcharts核心中实现的逻辑相同的逻辑：

    tooltip: {
        formatter: function () {
            var ret = '',
                multi,
                axis = this.series.yAxis,
                numericSymbols = ['k', 'M', 'G', 'T', 'P', 'E'],
                i = numericSymbols.length;
            while (i-- && ret === '') {
                multi = Math.pow(1000, i + 1);
                if (axis.tickInterval >= multi && numericSymbols[i] !== null) {
                    ret = Highcharts.numberFormat(this.y / multi, -1) + numericSymbols[i];
                }
            }
            return ret;
        }
    },

并且jsFiddle：http://jsfiddle.net/ynCKW/2/

编辑Highcharts v6：

我们可以调用内置方法，该方法应该更易于维护：http://jsfiddle.net/BlackLabel/ynCKW/104/

    tooltip: {
        valueSuffix: '',
        formatter: function () {
            var axis = this.series.yAxis;

            return axis.defaultLabelFormatter.call({
                axis: axis,
                value: this.y
            });
        }
    },

Answer 2

捎带@Pawel Fus，稍微调整一下，你可以获得负货币值，但 <{1}}（即{{} 1}}与$）。

-$100K

这是一个jsFiddle：http://jsfiddle.net/4yuo9mww/1/

highcharts工具提示格式数百万

2 个答案: