vue折线图动态加载及轮播展示tooltip
本来是列表选择name,然后根据name将其选择项加载显示在 折线图,
由于业务变更直接展示了
但是方法都差不多,更新series配置项,重新渲染界面就可以了
轮播数据cv大佬
echarts中使图表循环显示tooltip-封装tooltip的方法轮询显示图表数据
代码
App.vue 引入echarts
.
import params from "./params"
import wwkCharts from '@/components/page/wwkCharts'
import axios from 'axios'
components 代码片
.
<template>
<div style="height: 500px">
<div id="chartLineBox" style="width: 100%; height: 100%"></div>
</div>
</template>
script 代码片
.
<script>
import * as echarts from 'echarts'
const axios = require('axios')
export default{
name : '',
data(){
},
computed:{
},
methods:{
},
watch:{
},
mounted(){
},
destroyed(){
}
}
</script>
script 首先是后台获取数据
.获取数据时根据 dataurl + 入参wc 组成url
<script>
data(){
return {
listurl: 'listurl',
dataurl: 'dataurl',
list:[], //listurl中所获list