![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
总会飞的菜鸟
这个作者很懒,什么都没留下…
展开
-
解构表达式/模板字符串
解构赋值、字符串模板原创 2022-06-03 17:07:58 · 83 阅读 · 0 评论 -
vue+js在元素和函数中分别遍历对象及数组的异同
遍历对象,也就是说要遍历的数据是Object类型的{“key” : value};遍历数组,要遍历的数据是Array类型的[item1,item2]在元素中遍历对象<div v-for="(value, key, index) in object">{{value}}{{key}}{{index}}</div>//如果此处只写了一个参数,就像下面这样,那么这个参数默认是object中的一个value<div v-for="(param) in object">原创 2022-03-18 16:39:15 · 748 阅读 · 0 评论 -
canvsjTopo
<canvs>是HTML5新增的,通常使用JavaScript在其中绘制图像的HTML元素。<canvs>只有两个可选属性width、height(width的默认值为300px,height默认值为150px)。使用css设置宽高时,如果和初始比例不一致,会出现扭曲。<canvs>会创建一个固定大小的画布,公开一个或多个渲染上下文(画笔),使用渲染上下文来绘制和处理要展示的内容,重点在2D渲染上下文。var canvas = document.getElement原创 2022-02-22 09:21:15 · 675 阅读 · 0 评论 -
块元素和内联元素
块元素内联元素高度,行高,外边距(margin),内边距(padding)都可控制高,行高,外边距,内边距不可控制宽度缺省是它的容器的100%宽度就是内容的宽度,不可改变可容纳块元素 和 内联元素只能容纳 文本 或 其他内联元素注意:内联元素设置width无效; 设置height无效,可以通过line-height来设置; 设置margin只有左右有效,上下无效; 设置padding只有左右有效,上下无效;可通过display属性对内联元素 和 块...原创 2021-08-10 17:15:00 · 60 阅读 · 0 评论 -
echarts绘制回归曲线
echarts.registerTransform(ecStat.transform.regression);var data = [ [96.24, 11.35], [33.09, 85.11], [57.60, 36.61], [36.77, 27.26], [20.10, 6.72], [45.53, 36.37], [110.07, 80.13], [72.05, 20.88],];option = { dataset原创 2021-07-29 09:53:18 · 3909 阅读 · 2 评论 -
G6使用步骤
Step 1 创建容器Step 2 创建关系图Step 3 配置数据源,渲染 1. 需要在HTML中创建一个用于容纳G6绘制的图的容器,G6在绘制时会在该容器下追加canvas标签,将图绘制其中<div id="vessel"></div> 2. 创建关系图时,至少需要为图设置容器、宽和高const graph = new G6.Graph({ container:'vessel', width:1000, Height:600,}) 3. G6的数据源为JS原创 2021-07-22 13:30:38 · 695 阅读 · 0 评论 -
echarts中setOption对tooltip的设置
提示框组件可以设置在多种地方 - 设置在全局,即tooltip - 设置在坐标系中,即grid.tooltip、polar.tooltip、single.tooltip - 设置在系列中,即series.tooltip - 设置在系列的每个数据项中,即series.data.tooltipvar echartsInstance = echarts.init(document.getElementById('DOMid'))echartsInstance.setOption({ tooltip:原创 2021-07-22 13:10:15 · 664 阅读 · 0 评论 -
echarts中setOption对legend的设置
var echartsInstance = echarts.init(document.getElementById('DOMid'))echartsInstance.setOption({ legend:{ type:'plain', //普通图例,默认 'scroll', //可滚动翻页的图例 width: borderColor: borderWidth: left: top: orient:'horizontal'/'vertical'//图例列.原创 2021-07-21 10:41:23 · 509 阅读 · 0 评论 -
echarts中setOption对title的设置
var echartsInstance = echarts.init(document.getElementById('DOMid'))echartsInstance.setOption({ title:{ text:'', subtext:'' sublink:'' //副标题文本超链接 textStyle:{ overflow:'none','truncate','break','breakAll' }, subtextStyle:{ align:'lef原创 2021-07-21 09:20:58 · 536 阅读 · 0 评论 -
echarts实例.setOption对X坐标轴的设置
初始化一个echarts,传入dom对象产生echarts的instance,不能在单个容器上初始化多个echarts实例。注意:实例容器一般是一个具有宽高的div元素,如果echarts获取不到宽高可能导致初始化失败。var echartsInstance = echarts.init(document.getElementById('domId'))echartsInstance.resize() //改变图表尺寸,在容器大小发生改变时需要手动调用。echartsInstance.setOpt原创 2021-07-20 17:52:04 · 1207 阅读 · 0 评论 -
Vue拷贝
Object.assign 拷贝let obj1 = { a: 0 , b: { c: 0}}; let obj2 = Object.assign({}, obj1); console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}} obj1.a = 1; console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 0}} console.log(JSON.stringify(obj2)); /原创 2021-04-26 14:09:12 · 510 阅读 · 0 评论 -
Vue绑定
v-modelv-bindv-onv-textv-html原创 2021-04-28 16:42:11 · 133 阅读 · 0 评论