javascript Highcharts y 轴千位分隔符

Highcharts y axis thousands separator

提问by Nuno Nogueira

How to add a thousands separator to the Y Axis of Highcharts?

如何向 Highcharts 的 Y 轴添加千位分隔符？

This is what I have:

这就是我所拥有的：

yAxis: [{ // Primary yAxis
                labels: {
                    format: '{point.y:,.0f} ',
                    style: {
                        color: cor1
                    }
                },
              // more code....

This is returning the error:

这是返回错误：

Uncaught TypeError: Cannot read property 'y' of undefined

未捕获的类型错误：无法读取未定义的属性“y”

回答by falsarella

In addition to what @jfrej suggested:

除了@jfrej 的建议：

• If you're directly formatting an axis, use {value}for both yAxisand xAxis:
  • Fiddle for yAxisformat
  • Fiddle for xAxisformat
• If you're formatting a point in a tooltip, you may want to use {point.y}and/or {point.x}:
  • Fiddle for tooltip.pointFormat
  • Fiddle for tooltip.pointFormatwith valueSuffixextension
• If you're directly formatting the point label, you may want to use {x}and/or {y}:
  • Fiddle for plotOptions.series.dataLabels, formatting all points
  • Fiddle for series.data.dataLabels, formatting specific point

• 如果你直接格式化的轴，使用{value}两个yAxis和xAxis：
  • 小提琴yAxis格式
  • 小提琴xAxis格式
• 如果您在工具提示中格式化一个点，您可能需要使用{point.y}和/或{point.x}：
  • 为 tooltip.pointFormat
  • 捣鼓tooltip.pointFormat与valueSuffix扩展
• 如果您直接格式化点标签，您可能需要使用{x}和/或{y}：
  • Fiddle forplotOptions.series.dataLabels，格式化所有点
  • Fiddle forseries.data.dataLabels，格式化特定点

So, since you're formatting yAxis, {value}should work as expected:

因此，由于您正在格式化yAxis，因此{value}应该按预期工作：

yAxis: {
    labels: {
        format: '{value:,.0f} '
    }
}

回答by futantan

If you find the above solution not working, try to add this:

如果您发现上述解决方案不起作用，请尝试添加以下内容：

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