highCharts 电流表、电压表

var highChartsSettingV = {
    chart: {
        margin: [5, 2, 5, 8],
        type: 'gauge',
        plotBorderWidth: 1,
        plotBackgroundColor: {
            linearGradient: { x1: 0, y1: 0 },
            //设置默认背景着色
            stops: [
                        [0, '#FFF4C6'],
                        [0.3, '#FFFFFF'],
                        [1, '#FFF4C6']
                ]
        },
        plotBackgroundImage: 'http://www.highcharts.com/demo/gfx/skies.jpg',
        height: 150
    },
    
    //去掉highcharts.com商标
    credits: {
        enabled: false
    },
    
    //去掉chart不必要属性
    exporting: {
        enabled: false
    },
    title: null,

    pane: [{
        startAngle: -45,
        endAngle: 45,
        background: null,
        center: ['52%', '155%'],
        size: 330
    }
],

    //设置charts显示样式
    yAxis: [{
        min: 0,//最小数值
        max: 65,//最大数值
        minorTickPosition: 'outside',
        minorTickInterval: 'auto',

        tickPosition: 'outside',
        labels: {
            rotation: 'auto',
            distance: 20
        },
        plotBands: [{
            from: 0,
            to: 25,
            color: '#55BF3B' // green
        }, {
            from: 25,
            to: 50,
            color: '#DDDF0D' // yellow
        }, {
            from: 50,
            to: 65,
            color: '#DF5353' // red
        }],
        pane: 0,
        title: {
            text: '<span style="font-size:8px">输出电流</span>',
            y: -40
        }
    }],


    plotOptions: {
        gauge: {
            dataLabels: {
                enabled: false
            },
            dial: {
                radius: '100%'
            }
        }
    },

    //设置指针指向值
    series: [{
        data: [10],
        yAxis: 0
    }]
};

$('#ssxx-v').highcharts(highChartsSettingV);

<div id="ssxx-v" class="ssxx-column1"></div>