
echarts
echarts
Lun_dy
这个作者很懒,什么都没留下…
展开
-
vuex实现宽高自适应
//app.vue里设置,宽度通过栅格控制,高度通过vuex获取高度 export default { name: 'App', data() { return { window: { width: document.body.clientWidth, height: document.body.clientH...原创 2020-02-25 16:11:31 · 456 阅读 · 0 评论 -
echarts simple graph上下级关系图
1、需求:现有功能不够清晰展示关系,修改为上下级关系,现有功能图如下:修改后功能图如下:2、话不多说上代码 gxt(src,dst,attacks){ if(src.length<=1){ this.domWidth = "20%" } if(src.length>1){...原创 2019-12-28 16:09:57 · 1495 阅读 · 0 评论 -
echarts3d地球+3D Scatter+3D Lines做攻击趋势
@[echarts](3d地球+3D Scatter+3D Lines做攻击趋势)一、话不多说上代码//vue 装依赖后直接引入,其他的话官网下载文件,3d需要gl支持,具体属性含义详见echarts Apivar echarts = require('echarts');require('echarts-gl'); var worldfightchart = echarts.init...原创 2019-12-11 17:56:20 · 2491 阅读 · 0 评论 -
vue自定义指令使用ecahrts
一、话不多说上代码:var echarts = require('echarts');var options = { deep: true, // 插入父节点时调用 inserted: function (el, binding) { let myChart = echarts.init(el) let option = binding....原创 2019-12-13 11:23:00 · 397 阅读 · 0 评论 -
echarts simple graph上下级关系图
之前发了一篇,功能又被打回来了,说是太丑,卑微的我又改了一版,也没有ui图,全靠自己想,小图片都是我自己现学现做的,我太难了。。。1、需求:现有功能不够清晰展示关系,修改为上下级关系,现有功能图如下:第二版本:太丑打回来了最后版本:其实呢相比于前两天发的代码多了这个symbol:"image://static/img/dst.gif"通过!!!...原创 2019-12-31 11:08:02 · 1271 阅读 · 0 评论 -
vue自定义指令使用ecahrts,并传入事件
需求:echarts图表需要加入点击事件,项目是用指令使用echarts,并没有在页面实例echarts图表,那就需要一个统一的传参来实现:1、话不多说上代码:import Vue from 'vue'const echarts = require('echarts')/** * 变量说明: * el: html element,el=document.getElementById得到...原创 2020-01-03 20:10:22 · 541 阅读 · 0 评论