【问题标题】:Highcharts solid gauge with multiple series具有多个系列的 Highcharts 实心量规
【发布时间】:2018-03-26 20:25:00
【问题描述】:

稍微摆弄一下,我可以让多个系列在 Highcharts 实体仪表中很好地显示:

    series: [{
        data: [50],
        innerRadius:'120%',
    }, {
        data: [83],
        innerRadius:'110%'
    }, {
        data: [19],
        innerRadius:'90%'
    }]

http://jsfiddle.net/gc323yu6/1/

但这只有在仔细排列数据的情况下才看起来正确。当我尝试显示任意值时,会发生这种情况:

http://jsfiddle.net/gc323yu6/

如何正确显示多个系列?

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    现在只需添加radius 选项:http://jsfiddle.net/BlackLabel/gc323yu6/535/

        series: [{
            data: [83],
            innerRadius:'110%',
            radius: '120%'
        }, {
            data: [50],
            innerRadius:'100%',
            radius: '110%'
        }, {
            data: [19 ],
            innerRadius:'80%',
            radius: '90%'
        }]
    

    【讨论】:

    • 你知道是否可以设置每个系列的最小值、最大值和停止值吗?而不是为所有系列使用共享?非常感谢!
    • 您可以为每个系列添加单独的 yAxis,但标签应该如何处理?
    • @Pawel。堆叠系列怎么样?因此,下一个数据点将是上一个数据点的延续。数据点。
    • 不是真正的堆叠,只是简单地添加更多点看起来不错:jsfiddle.net/BlackLabel/1ez48dab(数据应按降序排序)
    猜你喜欢
    • 1970-01-01
    • 2012-06-03
    • 1970-01-01
    • 1970-01-01
    • 2013-03-17
    • 1970-01-01
    • 1970-01-01
    • 2013-05-25
    • 2013-09-20
    相关资源
    最近更新 更多