电子文件统计

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            var legend13 = ['','案卷管理'],
option = {
    backgroundColor: '',
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    legend: {
        // data: legend13,
        icon: 'circle',
        itemWidth: 8,
        itemHeight: 8,
        top: '10%',
		right:"10%",
        textStyle: {
            fontStyle: 'normal',
            fontFamily: '微软雅黑',
            fontSize: 13,
            color: "#333"
        }
    },
    grid: {
        top: '20%',
        right: '5%',
        left: '10%',
        bottom: '15%'
    },

    xAxis: [{
        type: 'category',
        axisLabel: {
            color: '#333',
			interval:0
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: '#0a3e98'
            }
        },
        axisTick: {
            show: false,
        },
        splitLine: {
            show: false,
            lineStyle: {
                color: '#195384',
                type: "dotted",
            }
        },
        data: ['10年','30年','长期','定期','短期','永久','无']
    }],
    yAxis: [
        {
            type: 'value',
            name: "件",
            min: 0,
            position: 'left',
            nameTextStyle: {
                color: "#333",
                fontSize: 11,
            },
            axisLine: {
                lineStyle: {
                    color: '#0a3e98'
                }
            },
            axisTick: {
                show: false,
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#0a3e98',
                    type: "dotted",
                }
            },
            axisLabel: {
                formatter: '{value}',
                textStyle: {
                    color: "#333",
                }
            },
        },
        {
            type: 'value',
            name: "",
            min: 0,
            position: 'right',
            nameTextStyle: {
                color: "#333",
                fontSize: 11,
            },
            axisLine: {
                lineStyle: {
                    color: '#0a3e98'
                }
            },
            axisTick: {
                show: false,
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#0a3e98',
                    type: "dotted",
                }
            },
            axisLabel: {
                formatter: '{value}',
                textStyle: {
                    color: "#fff",
                }
            },
        }
    ],
	dataZoom: [
	    {
	      show: true,
	      realtime: true,
	      start: 0,
	      end: 30
	    },
	    {
	      type: 'inside',
	      realtime: true,
	      start: 0,
	      end: 30
	    }
	  ],
    series: [
        {
            name: '归档管理',
            type: 'bar',
            // stack: 'one',
            barWidth: 10, //柱子宽度
            barGap: 0.3, //柱子之间间距
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [{
                            offset: 0,
                            color: "#1e2783"
                        },
                        {
                            offset: 1,
                            color: "#7c94e7"
                        }
                    ]),
                    barBorderRadius: 13,
                }
            },
            // label:{
            //     normal: {
            //         show: true,
            //         position: "top",
            //         formatter: "{c}",
            //         color:"#fff"
            //     }
            // },
            data: [410,780,605,302,570,220,440],
        },
        {
            name: legend13[1],
            type: 'bar',
            // stack: 'one',
            barWidth: 10, //柱子宽度
            barGap: 0.3, //柱子之间间距
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [{
                            offset: 0,
                            color: "#015BD3"
                        },
                        {
                            offset: 1,
                            color: "#13B7FF"
                        }
                    ]),
                    barBorderRadius: 13,
                }
            },
            // label:{
            //     normal: {
            //         show: true,
            //         position: "top",
            //         formatter: "{c}",
            //         color:"#fff"
            //     }
            // },
            data: [585,324,143,395,742,489,218],
        },{
            name: '卷内管理',
            type: 'bar',
            // stack: 'one',
            barWidth: 10, //柱子宽度
            barGap: 0.3, //柱子之间间距
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [{
                            offset: 0,
                            color: "#F7B731"
                        },
                        {
                            offset: 1,
                            color: "#FFEE96"
                        }
                    ]),
                    barBorderRadius: 13,
                }
            },
            // label:{
            //     normal: {
            //         show: true,
            //         position: "top",
            //         formatter: "{c}",
            //         color:"#fff"
            //     }
            // },
            data: [720,610,215,330,420,120,510],
        },{
            name: '文件管理',
            type: 'bar',
            // stack: 'one',
            barWidth: 10, //柱子宽度
            barGap: 0.3, //柱子之间间距
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [{
                            offset: 0,
                            color: "#FA8231"
                        },
                        {
                            offset: 1,
                            color: "#FFD14C"
                        }
                    ]),
                    barBorderRadius: 13,
                }
            },
            // label:{
            //     normal: {
            //         show: true,
            //         position: "top",
            //         formatter: "{c}",
            //         color:"#fff"
            //     }
            // },
            data: [510,320,710,260,520,220,190],
        },{
            name: '资料管理',
            type: 'bar',
            // stack: 'one',
            barWidth: 10, //柱子宽度
            barGap: 0.3, //柱子之间间距
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [{
                            offset: 0,
                            color: "#EB3B5A"
                        },
                        {
                            offset: 1,
                            color: "#FE9C5A"
                        }
                    ]),
                    barBorderRadius: 13,
                }
            },
            // label:{
            //     normal: {
            //         show: true,
            //         position: "top",
            //         formatter: "{c}",
            //         color:"#fff"
            //     }
            // },
            data: [820,550,320,610,210,510,410],
        },
	
    ]
};