From c84d328cb6448786aee00f1b0684aaa07186e410 Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期四, 04 三月 2021 10:56:56 +0800
Subject: [PATCH] chart字体自适应
---
src/components/charts/latticeBar.vue | 12 +++++++++---
1 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/src/components/charts/latticeBar.vue b/src/components/charts/latticeBar.vue
index 8521829..c4a97a6 100644
--- a/src/components/charts/latticeBar.vue
+++ b/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() {
--
Gitblit v1.9.1