随笔分类 -  vue-echarts

水球图
摘要：<template> <div class="map-view"> <div class="left"> <BMapScatter /> </div> <div class="right"> <el-card shadow="hover"> <template v-slot:header> <div 阅读全文
posted @ 2021-04-14 21:59 13522679763-任国强 阅读(97) 评论(0) 推荐(0)
散点图 2-》波纹效果
摘要：<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt 阅读全文
posted @ 2021-04-07 23:44 13522679763-任国强 阅读(137) 评论(0) 推荐(0)
散点图 1
摘要：<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt 阅读全文
posted @ 2021-04-07 23:31 13522679763-任国强 阅读(54) 评论(0) 推荐(0)
echar-环形图
摘要：<template> <div class="bottom-view"> <div class="view"> <el-card shadow="hover"> <template v-slot:header> <div class="title-wrapper">关键词搜索</div> </tem 阅读全文
posted @ 2021-03-31 22:23 13522679763-任国强 阅读(166) 评论(0) 推荐(0)
图表3-横向柱状图
摘要：mounted() { const chartDom = document.getElementById('total-users-chart'); const chart = this.$echarts.init(chartDom); chart.setOption({ grid:{ left:0 阅读全文
posted @ 2021-03-28 21:18 13522679763-任国强 阅读(305) 评论(0) 推荐(0)
图表2-》柱状图
摘要：mounted(){ const chartDom = document.getElementById('today-users-chart'); const chart = this.$echarts.init(chartDom); chart.setOption({ // 修改颜色 color: 阅读全文
posted @ 2021-03-28 20:40 13522679763-任国强 阅读(54) 评论(0) 推荐(0)
图表1->波浪图
摘要：mounted(){ const chartDom = document.getElementById('total-orders-chart'); const chart = this.$echarts.init(chartDom); console.log(chart) chart.setOpt 阅读全文
posted @ 2021-03-28 20:25 13522679763-任国强 阅读(162) 评论(0) 推荐(0)
下载 引入
摘要：创建项目 vue create imooc-datav-report-dev 1 Manually select features 2 (*) Router (*) Choose Vue version (*) Babel (*) CSS Pre-processors 3 Sass/SCSS (wi 阅读全文
posted @ 2021-03-28 17:26 13522679763-任国强 阅读(50) 评论(0) 推荐(0)