![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
未来-更美好
为了更好的学习
展开
-
vue+echarts 柱状图
父页面 <Bar :getData="otherProportion" title="同区域设备数量" /> data: otherProportion: [ { value: 50, name: "莲湖区" }, { value: 53, name: "碑林区" }, { value: 25, name: "高新区" }, { value: 21, name: "未央区" }, {..原创 2020-06-19 17:17:35 · 1040 阅读 · 0 评论 -
vue+echarts 环状图
父页面引用 <RingGraph class="margin-t50" :getData="EquipmentQuantityAnalysis" title="教学设备种类占比" /> data EquipmentQuantityAnalysis: [ { value: 105, name: "电子黑板" }, { value: 82, name: "电子班牌" }, { value: 66, name: "会议一体机" }, ..原创 2020-06-19 17:15:36 · 1577 阅读 · 0 评论 -
vue +echarts地图
<template> <div class="bg" :style="{height:'60vh',width:'100%'}" ref="myEchart"></div> </template> <script> import echarts from "echarts"; import "echarts/map/js/china"; // 引入中国地图数据 import { mapGetters } from "vuex"; export.原创 2020-06-19 17:08:56 · 727 阅读 · 0 评论