score:3

Accepted answer

It is probably more correct to create a proper extension to Highcharts, but it's possible if you add wide borders to the gauge elements and tweak the SVG like this:

var svg;
svg = document.getElementsByTagName('svg');
if (svg.length > 0) {
    var path = svg[0].getElementsByTagName('path');
    if (path.length > 1) {
        // First path is gauge background
        path[0].setAttributeNS(null, 'stroke-linejoin', 'round');
        // Second path is gauge value
        path[1].setAttributeNS(null, 'stroke-linejoin', 'round');
    }
}

Example: http://jsfiddle.net/Penstrife/1s8sfqtn/

score:0

There is a borderRadius option in the API which exactly does what you want. Unfortunately this option is only for columns, tooltips, legends but not for solidgauge. Here's the nearest thing I could get: http://jsfiddle.net/ao9fv2yh/1/


Related Query

More Query from same tag