aaaaa

一.用柱状图展示消费额最高的省份

二.用饼状图展示各地区消费能力（消费总额占比）

<template>
  <div id="main"></div>
</template>

<script>
import echarts from '../../assets/echarts.min.js';
import axios from '../../assets/axios';

export default {
  mounted() {
    var myChart = echarts.init(document.getElementById('main'));

    axios.post('/api/selectOrderInfo', {
      "startTime": "2020-01-01T00:00:00+0800",
      "endTime": "2020-12-31T23:59:59+0800"
    }).then(response => {
      const data = response.data.data;

      // 按地区汇总消费总额
      var regionData = data.reduce((acc, item) => {
        var regionName = item.regionName;
        var finalTotalAmount = item.finalTotalAmount;

        if (acc[regionName]) {
          acc[regionName] += finalTotalAmount;
        } else {
          acc[regionName] = finalTotalAmount;
        }

        return acc;
      }, {});

      // 转换为数组形式
      var roseData = Object.entries(regionData).map(([region, totalAmount]) => ({
        name: region,
        value: totalAmount
      }));

      // 打印处理后的数据结构
      console.log(roseData);

      // 设置图表选项
      var option = {
        title: {
          text: '2020年各地区消费总额占比',
          left: 'center'
        },
        series: [{
          name: '消费总额',
          type: 'pie',
          radius: '55%',
          center:['50%','60%'],
          data: roseData
        }]
      };

      // 使用刚指定的配置项和数据显示图表
      myChart.setOption(option);
    });
  }
}
</script>

<style>
#main {
  width: 100%;
  height: 500px;
}
</style>

三.折线图展示每年上架商品数量变化

四.条形图最高的五个地区

五.用散点图展示省份平均消费额

六.中位数