Draw Time Waiting Process Distributionsecharts 柱状配置项内容和展示

game winning distributions

配置项如下
      var ch = [


    [0, 0],
    [1, 0],
    [2, 0],
    [3, 7],
    [4, 31],
    [5, 53],
    [6, 79],
    [7, 109],
    [8, 111],
    [9, 192],
    [10, 859],
    [11, 713],
    [12, 618],
    [13, 473],
    [14, 453],
    [15, 388],
    [16, 314],
    [17, 307],
    [18, 270],
    [19, 245],
    [20, 215],
    [21, 207],
    [22, 212],
    [23, 178],
    [24, 163],
    [25, 159],
    [26, 120],
    [27, 148],
    [28, 110],
    [29, 113],
    [30, 98],
    [31, 86],
    [32, 88],
    [33, 77],
    [34, 105],
    [35, 67],
    [36, 58],
    [37, 57],
    [38, 58],
    [39, 56],
    [40, 63],
    [41, 67],
    [42, 35],
    [43, 49],
    [44, 45],
    [45, 56],
    [46, 43],
    [47, 42],
    [48, 57],
    [49, 40],
    [50, 42],
    [51, 33],
    [52, 38],
    [53, 32],
    [54, 40],
    [55, 30],
    [56, 28],
    [57, 36],
    [58, 29],
    [59, 26],
    [60, 29],
    [61, 20],
    [62, 25],
    [63, 23],
    [64, 22],
    [65, 24],
    [66, 16],
    [67, 14],
    [68, 13],
    [69, 9],
    [70, 16],
    [71, 19],
    [72, 18],
    [73, 22],
    [74, 16],
    [75, 9],
    [76, 16],
    [77, 17],
    [78, 15],
    [79, 20],
    [80, 14],
    [81, 5],
    [82, 14],
    [83, 17],
    [84, 10],
    [85, 13],
    [86, 13],
    [87, 17],
    [88, 8],
    [89, 19],
    [90, 8],
    [91, 9],
    [92, 10],
    [93, 12],
    [94, 9],
    [95, 7],
    [96, 12],
    [97, 8],
    [98, 11],
    [99, 17],
    [100, 8],
    [101, 23],
    [102, 9],
    [103, 12],
    [104, 11],
    [105, 10],
    [106, 7],
    [107, 8],
    [108, 5],
    [109, 4],
    [110, 9],
    [111, 7],
    [112, 4],
    [113, 3],
    [114, 5],
    [115, 9],
    [116, 4],
    [117, 7],
    [118, 5],
    [119, 5],
    [120, 10],
    [121, 8],
    [122, 7],
    [123, 4],
    [124, 9],
    [125, 5],
    [126, 9],
    [127, 2],
    [128, 6],
    [129, 9],
    [130, 4],
    [131, 9],
    [132, 7],
    [133, 6],
    [134, 1],
    [135, 7],
    [136, 2],
    [137, 4],
    [138, 6],
    [139, 3],
    [140, 7],
    [141, 6],
    [142, 3],
    [143, 4],
    [144, 3],
    [145, 2],
    [146, 9],
    [147, 3],
    [148, 5],
    [149, 5],
    [150, 1],
    [151, 10],
    [152, 3],
    [153, 6],
    [154, 1],
    [155, 4],
    [156, 1],
    [157, 2],
    [158, 7],
    [159, 5],
    [160, 6],
    [161, 2],
    [162, 4],
    [163, 8],
    [164, 7],
    [165, 3],
    [166, 2],
    [167, 3],
    [168, 2],
    [169, 3],
    [170, 5],
    [171, 1],
    [172, 2],
    [173, 1],
    [174, 2],
    [175, 4],
    [176, 2],
    [177, 7],
    [178, 3],
    [179, 0],
    [180, 4],
    [181, 0],
    [182, 1],
    [183, 5],
    [184, 3],
    [185, 5],
    [186, 5],
    [187, 2],
    [188, 3],
    [189, 4],
    [190, 1],
    [191, 3],
    [192, 5],
    [193, 1],
    [194, 7],
    [195, 3],
    [196, 0],
    [197, 5],
    [198, 2],
    [199, 2],
    [200, 5],
    [201, 3],
    [202, 1],
    [203, 5],
    [204, 0],
    [205, 2],
    [206, 3],
    [207, 5],
    [208, 4],
    [209, 3]


];



var pdata = [];
var legendData = [];
for (var i = 0; i < ch.length; i++) {
    pdata.push(ch[i][1]);
    legendData.push(ch[i][0]);
}

option = {
    backgroundColor: '#ffffff',
    title: {
        text: '1w sample generation',
        subtext: ''
    },
    tooltip: {
        trigger: 'axis'
    },

    toolbox: {
        show: true,
        feature: {
            dataView: {
                show: true,
                readOnly: false
            },
            magicType: {
                show: true,
                type: ['line', 'bar']
            },
            restore: {
                show: true
            },
            saveAsImage: {
                show: true
            }
        }
    },
    calculable: true,
    yAxis: [{
        type: 'category',
        data: legendData
    }],
    xAxis: [{
        type: 'value',
        name: 'Freq'
    }],
    series: [{
        name: 'Freq',
        type: 'bar',
        data: pdata,
        markPoint: { //最大值和最小值
            data: [{
                    type: 'max',
                    name: '最大值'
                },
                {
                    type: 'min',
                    name: '最小值'
                }
            ]
        },
        markLine: { //平均值
            data: [{
                type: 'average',
                name: '平均值'
            }]
        }
    }]
};
    
截图如下