chart字体自适应

whyczyk

2021-03-04 c84d328cb6448786aee00f1b0684aaa07186e410

 src/components/charts/triangleBarChart.vue

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

<script>
  import * as echarts from 'echarts';
  //引入提示框
  import "echarts/lib/component/tooltip";
  //引入chart字体自适应
  import {
    chartFontsize
  } from '@/assets/js/chartFontsize'
  export default {
    name: "triangleBarChart",
    chart: "",
@@ -31,6 +33,7 @@
        this.$options.chart.setOption(opt);
      },
      setData(sendData) {
        this.$options.chartData = sendData;
        let inData = []
        sendData.data.map(item => {
          inData.push(item - 10);
@@ -70,7 +73,7 @@
            },
            axisLabel: {
              color: '#FFFFFF',
              fontSize: 12,
              fontSize: chartFontsize(12),
              interval: 0
            }
          }, {
@@ -87,7 +90,7 @@
            },
            axisLabel: {
              color: '#FFFFFF',
              fontSize: 12,
              fontSize: chartFontsize(12),
              interval: 0
            }
          }],
@@ -108,7 +111,8 @@
            },
            axisLabel: {
              textStyle: {
                color: '#FFFFFF'
                color: '#FFFFFF',
                fontSize: chartFontsize(12)
              },
            },
          }],
@@ -165,6 +169,7 @@
      },
      resize() {
        this.$options.chart.resize();
        this.setData(this.$options.chartData);
      }
    },
    mounted() {