javascript - highcharts 中的数千个运算符

Question

我正在尝试使用 Angular js 在 highcharts 中使用 1000 个运算符。

我在调用图表之前调用了设置选项:

Highcharts.setOptions({
        lang: {
            decimalPoint : '.',
            thousandsSep: ','
         }
        });

然后当我在下面的代码中将 thousand operator 定义为 this.{points[0].y:,.0f} 时，它向我显示 "Unexpected Expression { and injector "和 [$injector:unpr] Unresolved 依赖项错误。

tooltip: {
        style: {
            fontFamily: 'Roboto',
            fontSize: '12px'
        },
        formatter: function () {
            var headerFormat = '<span style="color: #000">Date: <b>' + Highcharts.dateFormat('%Y-%m-%d', new Date(this.x)) + '</b></span><br/>';
            var seriesOneLine = '<span style="color:' + this.points[0].color + '">\u25CF</span> ' + this.points[0].series.name + ': <b>' + this.{points[0].y:,.0f}+ '</b><br/>';
            var seriesTwoLine = '<span style="color:' + this.points[1].color + '">\u25CF</span> ' + this.points[1].series.name + ': <b>' + Math.round(this.points[1].y) + '</b><br/>';
            var seriesThreeLine = '<span style="color:' + this.points[2].color + '">\u25CF</span> Threshold %: <b>'+this.points[2].point.data.alertThresholdPercentage.toFixed(2)+'%</b><br/>';
            return headerFormat + seriesOneLine + seriesTwoLine + seriesThreeLine;
        }
    }
},

任何解决方案的指针都会非常有帮助。

Answer 1

对于千分之一，你可以像这样使用这种格式

formatter: function () {
      return '<b>' + this.series.name + ': ' + Highcharts.numberFormat((this.y.toFixed(2) / 1000), 0, '.') + 'k';
                       }