highcharts 阶梯图表并填充颜色(自己觉得:直角折线图表)

例如以下:普通阶梯图

$(function () {

    $('#container').highcharts({
        title: {
        text: '普通阶梯图'
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        series: [{
            data: [1,2,3,4,5,6,7,8,9],
            step: 'right',//left,right,center,true,默认false
            name: 'Right',
        }]
       
    });

});


例如以下:带填充色阶梯图(不知道对不正确取个巧 吼吼)

$(function () {

    $('#container').highcharts({

chart: {
            type: 'area'
        },

        title: {
        text: '带填充色阶梯图'
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        series: [{
            data: [1,2,3,4,5,6,7,8,9],
            step: 'right',//left,right,center,true,默认false
            name: 'left',
        }]
       
    });

});


原文地址:https://www.cnblogs.com/yjbjingcha/p/6964727.html