af-install/.history/src/views/agricultural-trade/echarts3_20210803141447.js

export default function getData() {
    //声明数据
    var chartData = [{
            name: '周乾隆南北干货铺',
            value: 2689.6,
        },
        {
            name: '郭安云肉铺',
            value: 2566,
        },
        {
            name: '宁秋花蔬菜摊',
            value: 2500,
        },
        {
            name: '徐志勇冷饮店',
            value: 2500,
        },
        {
            name: '伍世豪肉铺',
            value: 2300,
        },
        {
            name: '周丽娟水果店',
            value: 2200,
        },
        {
            name: '宁小龙蔬菜铺',
            value: 1700,
        },
        {
            name: '华城冷冻食品',
            value: 1500,
        },
        {
            name: '曾学孔自产自销铺',
            value: 1300,
        },
        {
            name: '丁文根水产海鲜铺',
            value: 600,
        }
    ].sort((a, b) => {
        return a.value - b.value
    });
    return {
        title: {
            show: false
        },
        tooltip: {
            show: false,
            trigger: 'axis', // axis , item
            axisPointer: {
                type: 'shadow' // 'line' | 'shadow'
            },
            //backgroundColor:'transparent',
            padding: 0,
            textStyle: {
                fontSize: 14,
                fontFamily: 'Simsun',
                color: '#fff'
            },
        },
        legend: {
            show: false
        },
        toolbox: {
            show: false
        },
        grid: {
            top: '0',
            left: '0',
            right: 50,
            bottom: '0',
            containLabel: true
        },
        xAxis: [{
            type: 'value',
            position: 'bottom',
            boundaryGap: false, // 边界间隙
            min: 0,
            axisLabel: {
                show: false,
                textStyle: {
                    color: '#fff',
                    fontSize: 16
                }
            },
            axisLine: {
                show: false,
                lineStyle: {
                    color: 'rgba(255, 255, 255, .5)'
                }
            },
            axisTick: {
                show: false // 坐标轴小标记
            },
            splitLine: {
                show: false, // 是否显示分割线
                lineStyle: {
                    color: 'rgba(255, 255, 9255, 0)', // 纵向向网格线颜色
                    type: 'dashed',
                    width: 1
                }
            }
        }],
        yAxis: {
            type: 'category',
            position: 'left',
            axisLabel: {
                textStyle: {
                    color: '#fff',
                    fontSize: 15,

                }
            },
            axisLine: {
                show: false, // 坐标轴小标记
                lineStyle: {
                    color: 'rgba(255, 255, 255, .5)',
                    width: 1
                }
            },
            axisTick: {
                show: false // 坐标轴小标记
            },
            splitLine: {
                show: false
            },
            data: (function(data) {
                    var arr = [];
                    data.forEach(function(items) {
                        arr.push(items.name);
                    });
                    return arr;
                })(chartData) // 载入y轴数据
        },
        series: [{
            type: 'bar',
            label: {
                normal: {
                    show: true,
                    position: 'right', // top, right, inside, insideTop,...
                    textStyle: {
                        color: 'white',
                        fontSize: 16
                    },
                    formatter: '{c}'
                }
            },
            barWidth: 8,
            itemStyle: {
                normal: {
                    //color:'#ffc938', // 图表颜色
                    color: function(params) { // 颜色定制显示（按顺序）
                        var colorList = ['#3BFFFD', '#FF3BBC', '#FF3B3B', '#65FF3B', '#FF6E3B', '#AE3BFF', '#3B97FF', '#FFCA3B', '#6E3BFF', '#FF3B69'];
                        return colorList[params.dataIndex]
                    },
                    barBorderRadius: [8, 8, 8, 8] //圆角
                }
            },
            data: chartData, // 载入数据(内含自定义参数)
            z: 1
        }]
    };
}