石广澎
2023-11-29 20913c80c3f5fc8e533cb92b90e6f20bcd68e032
admin-web/src/views/dashboard/components/LBJETJ.vue
@@ -10,15 +10,36 @@
</template>
<script>
import * as echarts from 'echarts';
import * as dash from "@/api/dashboard/dash";
export default {
  name: 'LBSLTJ',
  name: 'LBJETJ',
  props: {
    activeId: {
      type: String,
      default: '',
    num: {
      type: Object,
      default: {
        aTotalNum: 0,
        aTotalPrice: 0,
        bTotalNum: 0,
        bTotalPrice: 0,
        cTotalNum: 0,
        cTotalPrice: 0,
        tenantId: 0,
        totalNum: 0,
        totalPrice: 0,
        xiaFaNum: 0,
        zhanYouPercent: 0,
      },
    },
  },
  watch:{
    num(){
      this.options.series[0].data = [
        {value: parseFloat(this.num.aTotalPrice), name: 'A类'},
        {value: parseFloat(this.num.bTotalPrice), name: 'B类'},
        {value: parseFloat(this.num.cTotalPrice), name: 'C类'},
      ]
      this.myChart.setOption(this.options);
    }
  },
  data() {
    return {
@@ -31,14 +52,6 @@
  },
  methods: {
    getCenterLine() {
      // getCenterLine({
      //   id: this.activeId,
      //   weekFlag: this.weekFlag,
      //   monthFlag: this.monthFlag,
      //   startDay: this.value2 ? this.value2[0] : null,
      //   endDay: this.value2 ? this.value2[1] : null
      // }).then(res => {
      //   const data = res.data
      var chartDom = document.getElementById('LBJETJ');
      this.myChart = echarts.init(chartDom);
      // 监听屏幕宽度变化:当浏览器发生resize事件的时候,触发echart的resize事件,重绘canvas
@@ -62,7 +75,7 @@
        series: [
          {
            name: 'Access From',
            name: '类别金额统计',
            type: 'pie',
            minAngle: 2, // 最小的扇区角度(0~360),用于防止某个值过小导致扇区太小影响交互
            avoidLabelOverlap: true, // 是否启用防止标签重叠策略
@@ -82,11 +95,9 @@
              }
            },
            data: [
              { value: 100, name: '等级一' },
              { value: 100, name: '等级二' },
              { value: 100, name: '等级三' },
            ]
              {value: parseFloat(this.num.aTotalPrice), name: 'A类'},
              {value: parseFloat(this.num.bTotalPrice), name: 'B类'},
              {value: parseFloat(this.num.cTotalPrice), name: 'C类'},]
          }]
      };
      this.options && this.myChart.setOption(this.options);