使用C3.JS调整仪表图的比例

Question

我正在尝试调整C3仪表图的缩放比例，使其最小值为50，最大值为100，传入的值为75。在我的心智模型中，这应该使弧线从左侧穿过仪表的一半(从50到75)。但是，圆弧显示在中间，计算出的值是50？我假设该值为50，因为75介于50-100之间，但我不知道如何正确显示弧线。

http://jsfiddle.net/8o4mqjf4/

我认为弧线应该从左边一直延伸到中间。

var chart = c3.generate({
    bindto: "#gauge",
    data: {
        columns: [
            ['data', 75.0]
        ],
        type: 'gauge',
    },
    gauge: {
        min: 50,
        max: 100
    },
    color: {

    }
});

Answer 1

你的心理模型是正确的。仪表不会像您期望的那样显示，因为它默认显示一个比率。使用标签和格式选项来显示该值：

var chart = c3.generate({
    bindto: "#gauge",
    data: {
        columns: [
            ['data', 75.0]
        ],
        type: 'gauge',
    },
    gauge: {
        label: {
            format: function(value, ratio) {
                return value;
            }
        },
        min: 50,
        max: 100
    },
    color: {

    }
});