javascript - 当 Angular 表中的值大于最大值时，如何将刻度盘设置为最大值？

Question

我正在使用融合图表库。因为我在报告中使用了Angular Gauge图表。我面临着拨号问题，它是由融合图表库根据我们传递给它的拨号值自动设置的。当我传递的值超过最大限制时，问题是什么，融合图表将刻度盘指针设置为 0。我希望指针指向末尾，就像我传递了最大值一样。

如果我在将数据传递给拨号值之前添加一个条件，例如它超出最大值，然后用最大值覆盖它，那么它就可以工作。指针将按预期设置，但它显示的值不是我想要的。它将一直是最大值。

Fiddle

你可以看到。当我传递 101 时，它将指针设置为 0。我想设置为 100，但我只想将值显示为 101。

如有任何帮助，我们将不胜感激。

Answer 1

这是 Angular Gauge 的一个限制，已报告并目前正在修复。解决方法是增加 ColorRange 部分中的范围。

    "colorRange": {
        "color": [
            {
                "minValue": "0",
                "maxValue": "50",
                "code": "#e44a00"
            },
            {
                "minValue": "50",
                "maxValue": "75",
                "code": "#f8bd19"
            },
            {
                "minValue": "75",
                "maxValue": "110",
                "code": "#6baa01"
            }
        ]
    }

fiddle