Authored by 鲁尚清

lineChart封装为组件

... ... @@ -16,6 +16,9 @@ export default {
chartId:'line-echart-declare'
}
},
watch:{
},
setup(props, {attrs, slots, emit}) {
const {proxy} = Vue.getCurrentInstance();
... ...
<div class="lineChart">
<!-- <div :id="chartId" style="width:100%;height:225px;"></div>-->
<div id="line-echart" style="width:100%;height:225px;"></div>
</div>
\ No newline at end of file
<div :id="chartId" style="width:100%;height:225px;"></div>
... ...
... ... @@ -24,11 +24,8 @@ export default {
proxy.yAxisData=props.yAxisData;
proxy.seriesData=props.seriesData;
proxy.chartId=props.chartId;
console.log('ddd',proxy.chartId)
const chartDom = document.getElementById('line-echart');
// const chartDom = document.getElementById(proxy.chartId);
console.log('d3e3',$(proxy.chartId))
// const chartDom = document.getElementById('line-echart-declare');
const chartDom=proxy.$el
const myChart = echarts.init(chartDom);
let option;
... ...
... ... @@ -13,7 +13,7 @@
<section class="screen-left left-40" >
<div class="left-top">
<!--省局网络拓扑-->
<NetworkTopology ></NetworkTopology>
<!-- <NetworkTopology ></NetworkTopology>-->
</div>
<div class="left-bottom data-cloud">
<div class="left-bottom-left flex-data">
... ...