柱图颜色渐变 | JShare

// Loop over the chart colors and make them gradients from white
var colors = Highcharts.getOptions().colors;
$.each(colors, function(i, color) {
    console.log(color);
    colors[i] = {
        linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },
        stops: [
            [0, color],
            [0.3, 'white'],
            [1, color]
        ]
    };
});
// Create the chart
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'column'
    },
    title: {
        text: '横向渐变色柱图'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
    },
    plotOptions:{
        column:{
            colorByPoint:true
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
    }]
});

<div id="container" style="height: 400px"></div>

{"doctype":0,"resouces":"1,3","options":null,"meta":null}

柱图颜色渐变 | JShare

模板（查看所有模板）