|
@@ -1,16 +1,16 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
- <div id="echarts"></div>
|
|
|
|
|
|
+ <jt-echarts style="width: 320rem;height: 200rem;margin:10rem;" :chartData="option"></jt-echarts>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
- import * as echarts from "echarts";
|
|
|
|
|
|
+ // import * as echarts from "echarts";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
-
|
|
|
|
|
|
+ option: {}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {},
|
|
created() {},
|
|
@@ -20,10 +20,10 @@
|
|
methods: {
|
|
methods: {
|
|
|
|
|
|
typeCharts0() {
|
|
typeCharts0() {
|
|
- let option = this.getOption();
|
|
|
|
- var chartDom = document.getElementById('echarts');
|
|
|
|
- var myChart = echarts.init(chartDom);
|
|
|
|
- myChart.setOption(option, true);
|
|
|
|
|
|
+ this.option = this.getOption();
|
|
|
|
+ // var chartDom = document.getElementById('echarts');
|
|
|
|
+ // var myChart = echarts.init(chartDom);
|
|
|
|
+ // myChart.setOption(option, true);
|
|
},
|
|
},
|
|
getOption(data) {
|
|
getOption(data) {
|
|
let option = {
|
|
let option = {
|