echarts 雷达图(radar)动态获取数据并渲染

一、给个容器

二、获取容器

三、获取数据

_getCategory(){
                getCategory().then(res=>{
                    let data = res.data.data
                    this.bookCategory(this.formatData(data))
                })
            },
            formatData(data){
                let result = {}
                let indicator = []
                let bookCat = []
                let borrowCat = []
                data.book.forEach(item => {
                    indicator.push({
                        "name":item.category,
                        "max" : 200
                    })
                    bookCat.push(item.number)
                });
                data.borrow.forEach(item => {
                    borrowCat.push(item.number)
                });
                result = {
                    indicator : indicator,
                    bookCat : bookCat,
                    borrowCat : borrowCat
                }
                return result
            },

四、渲染数据

indicator: data.indicator,
.
.
.
 value : data.bookCat,
.
.
.
value : data.borrowCat,

猜你喜欢

转载自www.cnblogs.com/wangdashi/p/9442572.html