识别yAxis刻度间隔

Question

我使用高图表显示每个季度的总收入(以千英镑计)，用于不同的部门。

有时这个部门的收入很小。在这种情况下，y轴值包含两个小数位。

有时收入较大，y轴值包含小数点1位。

有时，该值非常大，y轴值不包含任何十进制位。

演示不同格式的小提琴

我遇到的问题是，y轴的当前格式看起来是错误的。

我需要根据勾选间隔设置y轴值上的小数位数：-小值(即0.25、0.5、0.75、1等)需要格式化为2位小数点。较大的值(即0.5、1、1.5、2等)需要格式化为小数点1位。非常大的值(即80、90、100、110等)不需要小数位。

实际数值可达小数3位(例如0.306，0.518 (小) 1.429，1.806 (较大) 102.429,160.806(很大))。

我的代码构建了一个脚本字符串，然后使用ScriptManager.RegisterStartupScript运行脚本。

我尝试根据值设置小数位数。

Dim yAxisValue as Double= 0
Dim numberOfDP as Integer = 0
...
While reader.Read
    If yAxisValue < reader.Item("YAxisValues").ToString Then
        yAxisValue = reader.Item("YAxisValues").ToString
        If Val(yAxisValue) < 1 Then
          numberOfDP = 2
        ElseIf Val(yAxisValue) < 10 Then
          numberOfDP = 1
        End If
    End If
End While

MyScript = MyScript & "yAxis: {" & vbCrLf
MyScript = MyScript & "labels: {" & vbCrLf
MyScript = MyScript & "style: {color: 'black'," & vbCrLf
MyScript = MyScript & "'fontSize': '11pt'}," & vbCrLf
MyScript = MyScript & "format: '{value:. & numberOfDP & f}'" & vbCrLf
MyScript = MyScript & "}" & vbCrLf
MyScript = MyScript & "}" & vbCrLf

但是我更愿意根据实际的刻度间隔来设置格式。

有什么办法我能做到吗？

Answer 1

对于ScriptManager.RegisterStartupScript，我不确定，但是在高级图表中，您可以设置yAxis.labels.formatter并确定应该显示多少小数，例如：

function formatter () {
  var dec = this.axis.tickInterval > 1 ? 0 : (this.axis.tickInterval > 0.1 ? 1 : 2);
  return this.value.toFixed(dec);
}

现在只需在yAxis选项中使用：

yAxis: {
  labels: {
    formatter: formatter
  }
},

和你的现场演示：https://jsfiddle.net/4y8n33ob/