Chartjs-Change pointer line style

0👍

There’s a similar looking meter chart using the RGraph ( https://www.rgraph.net ) software in the download archive:

demos/meter-needle.html

And here’s the code:

    var meter = new RGraph.Meter({
        id: 'cvs',
        min: 0,
        max: 100,
        value: 75,
        options: {
            linewidthSegments: 20,
            strokestyle: 'white',
            segmentRadiusStart: 105,
            border: 0,
            tickmarksSmallNum: 0,
            tickmarksBigNum: 0,
            needleRadius: 205,
            labels: false,
            centerpinFill: 'black',
            colorsRanges: [
                [0, 30, '#FFC900'],
                [30, 60, '#8FCE21'],
                [60, 100, '#0094DA']
            ]
        }
    }).draw();

Leave a comment