Highcharts 四舍五入 yaxis 和 xaxis 数字答案

【问题标题】：Highcharts rounding yaxis and xaxis digitsHighcharts 四舍五入 yaxis 和 xaxis 数字
【发布时间】：2017-07-27 21:26:09
【问题描述】：

我正在尝试向下舍入 yaxis 和 xaxis。例如 3843 在图表上应该是 3.843 并且工具提示显示 3.843 k。

我已经得到了工具提示，但不能让它改变图形的 yaxis 和 xaxis 值，以便图形可以完全显示所有方面。

正如您在此处看到的： http://jsfiddle.net/kzL0phfu/

这就是 xaxis 的样子

yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0,
gridLineColor: "#808080",
gridLineDashStyle: "Solid",
gridLineWidth: 2,
labels: {
  format: '{value:.2f}',
  style: {
    color: '#c4c4c4',
    font: '11px Trebuchet MS, Verdana, sans-serif'
  }
}
}

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

使用dataLabels formatter 达到预期效果

  plotOptions: {
    area: {
      dataLabels: {
        useHTML: true,
        enabled: true,
        formatter: function() {
          value = this.y;
          numericSymbolDetector = Math.abs(this.y);
          if (numericSymbolDetector > 1000) {
            value = Highcharts.numberFormat(value / 1000, 3, '.', '') ;
          }
          return value
        },
        style: {
          color: '#c4c4c4',
          font: '5px Trebuchet MS, Verdana, sans-serif'
        }
      },
      //enableMouseTracking: false
    },
    series: {
      lineColor: '#808080'
    }
  },

Fiddle演示

【讨论】：

您好，是的，但唯一的问题是图表不相等，因为 3.84 仍然显示大于 7，因为 3.84 是 3840，但我追求的是使其能够显示图表同样，由于它的数量很大，因此整个图表显示而不是线条。正如您所看到的，6.245 仍然超过图表上的 5000 标记，它应该只超过 5 标记，但最后是 k。
仍然没有得到你想要的。您能否添加一些屏幕截图来准确显示您想要的内容。
我想做的是让它在 3000 时向下舍入到 3k，但在图表上也显示为 3 而不是 3000。目前工具提示舍入到 3k 并且标签上图表，但图表本身并没有四舍五入到 3。目前您可以看到，由于数字的大小，您无法看到图表的其他部分。
有什么想法吗？正如我今天尝试了一整天，找不到任何东西
当你提到 3000 时，它会四舍五入到 3k 这没关系，但是如何（但它的图形本身并没有四舍五入到 3。就像你现在一样可以看到由于数字的大小而看不到图表的其他部分）这是可能的。你怎么能比较四位数和两位数？图表是正确的。如果我不理解你。请添加截图

【解决方案2】：

如果您想以相同的方式显示 yAxis 标签，请从 yAxis.labels 对象中删除格式化程序（然后将显示千位前缀）。如果您想将点的精确值显示为 yAxis 标签，您可以在加载事件时更新 tickPositions 数组并适当地格式化它们。看看下面的例子。

API 参考：
http://api.highcharts.com/highcharts/chart.events.load http://api.highcharts.com/highcharts/yAxis.tickPositions

示例：
http://jsfiddle.net/ojno8rx1/

【讨论】：

您好，是的，但唯一的问题是图表不相等，因为 3.84 仍然显示大于 7，因为 3.84 是 3840，但我追求的是使其能够显示图表同样，由于它的数量很大，因此整个图表显示而不是线条。