可视化
文章平均质量分 57
可视化的图表等
cc° 淡忘
这个作者很懒,什么都没留下…
展开
-
前端vue绘制关系结构树图
前言需求:纵向关系树图,自定义节点边框,且文字纵向排列,树图可拖拽可缩放一、效果图二、准备工作vue,图表采用AntV G6编写AntV G6快速入门三、完整代码<template> <div> <div id="tree"></div> </div></template><script>import G6 from "@antv/g6";export default { data()原创 2021-04-20 17:12:00 · 5121 阅读 · 3 评论 -
vue中使用AntV G6 — 基础篇
阿里AntV-G6使用介绍 一 基础篇AntV G6 官网AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。文章目录阿里AntV-G6使用介绍 一 基础篇一、G6 是什么?二、使用步骤1.安装&引入2.基本使用三、结果图一、G6 是什么?G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明,简单。让用户获得关系数据的 Insight。二、使用步骤1.安装&原创 2021-04-20 16:36:29 · 14562 阅读 · 6 评论 -
echarts自适应宽高
在mounted中写需要自适应的echarts对象mounted(){ window.onresize = ()=>{ this.myChart1.resize(); //this.myChart2.resize(); //this.myChart3.resize(); //。。。 }}methods:{ getMap(){ var that=this;...原创 2020-03-23 16:17:58 · 672 阅读 · 0 评论 -
【微信小程序】解决canvas组件永远在最高层问题
1、为什么canvas组件总是会在最上层?由于canvas组件是原生组件,原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。...原创 2019-09-25 09:57:06 · 5691 阅读 · 3 评论 -
ECharts的markline 自定义端点样式
在ECharts中设置markline标线,当标线type为average,max,min时(平均,最大,最小),ECharts给出的默认样式为一条Y轴开始指向另一端的单向箭头线具体可参考ECharts文档配置项markline效果如下:代码如下://完整版代码option = { xAxis: { type: 'category', dat...原创 2019-08-20 18:09:18 · 6376 阅读 · 0 评论 -
ECharts柱状图 圆角 渐变色
//init初始化接口,返回ECharts实例,其中dom为图表所在节点var myChart=echarts.init(document.getElementById('main'));var option = { title: { text: '各片区环比交错正负轴', textStyle:{ color:"#959FB2", fontSize:12 }, ...原创 2019-08-12 19:15:08 · 861 阅读 · 0 评论 -
ECharts标题(title)配置项
//init初始化接口,返回ECharts实例,其中dom为图表所在节点var myChart=echarts.init(document.getElementById(‘main’));var option = { //标题 title : { show:true,//显示策略,默认值true,可选为:true(显示) | false(隐藏) ...原创 2019-08-10 12:45:51 · 5146 阅读 · 5 评论