摘要：<template> <div id="box"> <div id="con1" ref="con1" :class="{anim:animate==true}" @mouseenter="mEnter" @mouseleave="mLeave" > <p v-for="(item,index) i 阅读全文

摘要：通过npm 安装 npm install highcharts --save 然后在components文件夹下创建 hightBar 文件夹以及 highcharts.vue和index.js 文件 highcharts.vue写入要封装的内容 <template> <div :class="ba 阅读全文

摘要：原因是template里边有两个v-for 把其中一个的key值改变一下就行了 阅读全文

摘要：我们在官网的demo中看到饼图的引导线都是直接对接文字的 但是需求是要把文字放在引导线上方 所以代码应该修改 option:{ tooltip: { trigger: "item", formatter: "{b}: {c} ({d}%)", textStyle: { color: "#ffffff 阅读全文

摘要：echarts是我们项目中常用的插件，在这要封装一个echarts组件，在项目中能够复用 我们先安装依赖 npm install echarts 安装成功以后在main.js中引入 import echart from 'echarts' Vue.prototype.$echarts = echar 阅读全文