测试1

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
   backgroundColor: '#00051c',
            title: {
                left: 20,
                top: '5',
                textStyle: {

                    fontWeight: 'bold',
                    fontSize: '16',
                    color: 'white',

                },
                text: '测试',
            },
            legend: {
                // data:['本网格(元)','本地网同类网格均值(万元)'],
                data: ['概率'],
                show: 'true',
                top: '10',
                // left:'2',
                textStyle: {
                    fontWeight: 'bold',
                    fontSize: '14',
                    color: ['#855de6'],
                }
                // textStyle: {
                //     fontWeight: 'bold',
                //     fontSize: '12',
                //     color:['#3472c3','#60d3d9'],
                // }
            },
            xAxis: {
                axisTick: {
                    show: false
                },
                axisLine: {
                    lineStyle: {
                        color: 'white',
                    }
                },

                axisLabel: {
                    show: true,
                    textStyle: {
                        fontSize: 12 //更改坐标轴文字大小
                    },
                    interval: 0, //强制显示所有标签
                    rotate: 45, //代表逆时针旋转45度
                },
                data: ["二区", "三区", "四区", "五区", "七区", "八区", "九️区", "十区", "十一区", "十二区", "十三区", "14", "15", "16", "17",
                    "18", "19", "20"
                ],
            },
            yAxis: {
                type: 'value',
                min: 0,
                max: 100,
                interval: 25,
                splitLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    formatter: '{value}% '
                },
                axisLine: {
                    lineStyle: {
                        color: 'white',
                    }
                },
            },
            series: [{ // For shadow
                    type: 'bar',
                    itemStyle: {
                        normal: {
                            color: 'rgba(41,29,96,0.5)'
                        }
                    },
                    barGap: '-100%',
                    barCategoryGap: '40%',
                    data: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100,
                        100
                    ],
                    animation: false
                }, {
                    name: '概率',
                    type: 'bar',
                    //  barWidth: 50,
                    barGap: '-100%',
                    itemStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(
                                0, 0, 0, 1,
                                [{
                                        offset: 0,
                                        color: '#514ddd'
                                    }, //柱图渐变色
                                    {
                                        offset: 0.5,
                                        color: '#855de6'
                                    }, //柱图渐变色
                                    {
                                        offset: 1,
                                        color: '#9e65ea'
                                    }, //柱图渐变色
                                ]
                            )
                        },
                    },
                    data: [50, 60, 70, 80, 80, 60, 55, 59, 78, 65, 48, 38, 65, 48, 38, 65, 48, 38],
                }

            ]
};