【问题标题】:How to set dial to maximum in angular gauge chart when value is more than maximum?当值大于最大值时,如何在角规图中将刻度盘设置为最大值?
【发布时间】:2015-09-26 06:21:22
【问题描述】:

我正在使用融合图表库。我在报告中使用Angular Gauge 图表。我遇到了表盘问题,它是由融合图表库根据我们传递给它的表盘值自动设置的。问题是当我传递的值超过最大值时,融合图表将表盘指针设置为 0。我希望指针指向末尾,就好像我传递了最大值一样。

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

Fiddle

你可以看到。当我通过101 时,它会将指针设置为 0。我想设置为 100,但我只想将值显示为 101。

任何帮助将不胜感激。

【问题讨论】:

    标签: javascript angularjs fusioncharts


    【解决方案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

    【讨论】:

    • 感谢您的回复。但 101 值只是一个例子。它是动态的,可以是 150、200、240 或任何值,因此它不适合您的解决方案。
    • 是的,这就是为什么我提到这是一个限制。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-31
    • 2017-07-28
    • 1970-01-01
    相关资源
    最近更新 更多