【问题标题】:HIghcharts 4 solid gauge max valueHIghcharts 4 实心仪表最大值
【发布时间】:2014-06-26 15:11:57
【问题描述】:

我正在尝试显示一个具有“奇怪”最大值的实心仪表,即 96(小时)。 我读过 highcharts 详细说明了最大值和最小值以设置刻度、范围等,但我不明白为什么我不能显示这样的值,甚至不能显示其他舍入值,例如 90 低于 100。

有什么想法吗?

【问题讨论】:

  • 您是如何创建图表的?没有代码我们无法回答。
  • 请将您的示例复制为现场演示(即在 jsfiddle.net 上)。

标签: highcharts max gauge


【解决方案1】:

问题可能是图表正在生成默认的刻度间隔,例如10,加起来是 100。

您可以通过指定一个分为 96(例如 8)的tickerInterval 来获得您想要的。

    yAxis: {
        min: 0,
        max: 96,
        tickInterval:8,

http://jsfiddle.net/Vn4My/

【讨论】:

    【解决方案2】:

    您可以使用任何最大值,只是您应该将其除以 1000 以获得 tickInterval 值,例如:

    yAxis: {
            min: 0,
            max:96,
            tickInterval:(96/1000),
        },
    

    工作示例:http://jsfiddle.net/NareshChennuri/whuu5qbt/

    【讨论】:

    • 虽然除以 1000 适用于较低的值,但在使用较大的数字时它会漂移。 708 变为 710,480 变为 481。使用 tickInterval:(max/256) 甚至适用于更高的值
    【解决方案3】:

    要获得准确的自定义最大值:

    tickPositioner: function() {
      return [this.min, this.max];
    },
    min: 0,
    max: 6924,
    

    refer this issue on github

    【讨论】:

      【解决方案4】:

      试试这个我也面临同样的问题,但我解决了这个问题,这个解决方案可能对你有用。

       yAxis: {
        min: minData,
        max: maxData,
        tickPositions: [minData, maxData]
      },
      

      添加刻度位置:[minData, maxData];

      请检查类似的例子Example

      参考reference click here

      我希望这就足够了。

      谢谢,

      PVS

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多