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 · 432 阅读 · 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 · 1451 阅读 · 0 评论 -
echarts3d地球+3D Scatter+3D Lines做攻击趋势
@[echarts](3d地球+3D Scatter+3D Lines做攻击趋势) 一、话不多说上代码 //vue 装依赖后直接引入,其他的话官网下载文件,3d需要gl支持,具体属性含义详见echarts Api var echarts = require('echarts'); require('echarts-gl'); var worldfightchart = echarts.init...原创 2019-12-11 17:56:20 · 2420 阅读 · 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 · 377 阅读 · 0 评论 -
echarts simple graph上下级关系图
之前发了一篇,功能又被打回来了,说是太丑,卑微的我又改了一版,也没有ui图,全靠自己想,小图片都是我自己现学现做的,我太难了。。。 1、需求: 现有功能不够清晰展示关系,修改为上下级关系,现有功能图如下: 第二版本:太丑打回来了 最后版本: 其实呢相比于前两天发的代码多了这个 symbol:"image://static/img/dst.gif" 通过!!! ...原创 2019-12-31 11:08:02 · 1220 阅读 · 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 · 513 阅读 · 0 评论