首页 > 解决方案 > highcharts 在 1024 中舍入生成的 y 标签,而不是 1000

问题描述

我有一个带有样本的图表,data: [1462218035, 2079623792, 2146097338, 2169087177]在 y 轴标签中我将其转换为人类可读的字节:

yAxis: {
    labels: {
    useHTML: true,
    formatter: function () {
        return bytesToReadable(this.value, true);
    },
  },
}

bytesToReadable将字节转换为人类可读的数据:1,36 GB - 1,94 GB - 2 GB并显示 y 标签,例如:953,67 MB - 1,86 GB - 2,79 GB这些标签2,000,000,000 - 4,000,000,000 - 6,000,000,000由 bytesToReadable 转换。我想要的是2,000,000,000 - 4,000,000,000 - 6,000,000,000由 highcharts 生成的,在转换后乘以 1024 是正确的数字100 MB - 1GB - 4GB

标签: javascriptvue.jshighcharts

解决方案


使用tickInterval属性:

yAxis: {
  tickInterval: 1024
}

现场演示:http: //jsfiddle.net/BlackLabel/6m4e8x0y/4806/

API 参考: https ://api.highcharts.com/gantt/yAxis.tickInterval


推荐阅读