2018年9月11日

vue拖拽

摘要: getDom() { var div2 = document.getElementById("addBox"); // div2.addEventListener("mousedown", () => { // this.down(); // }, false); div2.addEventList 阅读全文

posted @ 2018-09-11 17:53 一葱 阅读(207) 评论(0) 推荐(0)

环形图封装

摘要: <template> <div class="ringRadio" ref="chart" id="chart"> </div> </template> <script> // 环比图 // console.log((screen.width), (screen.width / 2) * 0.8, 阅读全文

posted @ 2018-09-11 17:53 一葱 阅读(206) 评论(0) 推荐(0)

css样式封装柱状图

摘要: <template> <div class="xxc-charts" ref="charts" > <div class="xxc-graph-x-axis" ref="xAxis" v-if="types 0">{{optes.xAxis.name}}</div> <div class="xxc- 阅读全文

posted @ 2018-09-11 17:46 一葱 阅读(345) 评论(0) 推荐(0)

css封装组装图

摘要: <template> <div class="bar"> <div class="title">同比</div> <div class="bar-area"> <div class="bar-area-lines"> <p v-for="(item, index) in 8" :key="index 阅读全文

posted @ 2018-09-11 17:44 一葱 阅读(121) 评论(0) 推荐(0)

地图封装

摘要: <template> <div class="xxc-map" ref="chart" id='xxc-map'> </div> </template> <script> // import * as echarts from 'echarts'; import mapCity from '@/co 阅读全文

posted @ 2018-09-11 17:44 一葱 阅读(138) 评论(0) 推荐(0)

柱状图

摘要: <template> <div class="ringRadio" ref="chart"> </div> </template> <script> // 柱状图 import * as echarts from 'echarts' //object深替换 const deepAssign = (o 阅读全文

posted @ 2018-09-11 17:42 一葱 阅读(111) 评论(0) 推荐(0)

css封装小圆环

摘要: <template> <div class="xxc-ring" ref="ring" :style="`width: ${size ? size + 'px' : '100%'}; height: ${size ? size + 'px' : '100%'}; border: 0;`"> <!-- 阅读全文

posted @ 2018-09-11 17:41 一葱 阅读(228) 评论(0) 推荐(0)

导航