admin管理员组

文章数量:1123586

wanted to know how we can remove the border from the white circular solid guage highchart:

Code:

Highcharts.chart('container', {
    chart: {
        type: "solidgauge"
    },
    title: {
        useHTML: true,
        verticalAlign: "middle",
        y: 4
    },
    subtitle: {
        verticalAlign: "middle",
        y: -36,
        style: {color: "#686868", fontSize: "14px", fontFamily: "NotoSans, sans-serif"}
    },
    pane: {
        startAngle: 0,
        endAngle: 360,
        background: [{
            outerRadius: '100%',
            innerRadius: '87%',
            backgroundColor: "#FFFFFF",
            borderWidth: 0
        }]
    },
    tooltip: {
        enabled: false
    },
    yAxis: [
        {
            min: 0,
            max: 323,
            tickPositions: [],
            lineWidth: 0,
            plotBands: [
                {
                    thickness: 35,
                    from: 0
                }
            ],
            plotLines: []
        }
    ],
    plotOptions: {
        solidgauge: {
            innerRadius: '87%',
            radius: '100%',
        }
    },
    series: [{
        type: "solidgauge",
        name: 'Data',
        dataLabels: {
            enabled: false
        },
        data: [
        {
        color: 'red',
        y: 323
        },
        {
            color: 'white',
            y: 56
        },
        ]
    }]
});

Sample: /

want to remove the border for the white color as we are overwriting on the red one so the border is visible

本文标签： mapsHighChart solid Guage border issueStack Overflow

版权声明：本文标题：maps - HighChart solid Guage border issue - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1736581789a1944958.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。