chart字体自适应

whyczyk

2021-03-04 c84d328cb6448786aee00f1b0684aaa07186e410

 src/components/charts/latticeBar.vue

@@ -8,10 +8,13 @@

<script>
  import * as echarts from 'echarts';

  import {
    chartFontsize
  } from '@/assets/js/chartFontsize'
  export default {
    name: "latticeBar",
    chart: "",
    chartData: [],
    props: {
      id: {
        require: true,
@@ -29,6 +32,7 @@
        this.$options.chart.setOption(opt);
      },
      setData(sendData) {
        this.$options.chartData = sendData;
        let option = {
          tooltip: {
            trigger: 'axis',
@@ -71,7 +75,7 @@
            },
            axisLabel: {
              color: '#FFFFFF',
              fontSize: 12,
              fontSize: chartFontsize(12),
              interval: 0
            }
          }],
@@ -91,7 +95,8 @@
            },
            axisLabel: {
              textStyle: {
                color: '#FFFFFF'
                color: '#FFFFFF',
                fontSize: chartFontsize(12),
              },
            },
          }],
@@ -162,6 +167,7 @@
      },
      resize() {
        this.$options.chart.resize();
        this.setData(this.$options.chartData);
      }
    },
    mounted() {