×

ecmascript

echarts系列-带图教你调整左右位置x轴样式网格虚线刻度居中双轴Y轴滚动上下移动文字旋转改分割线颜色部分字体改色折注混合,X轴的颜色,X轴字体颜色,调整柱子颜色,调整小图标图例的大小和位置,鼠标

零距离 零距离 发表于2024-04-21 浏览5583 评论0
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 宝子们,今天又是开心的一天呢~ 上面先说注意事项 1.如果使用show hidden控制图表显示隐藏,某些切换效果很奇怪,比如饼图,会从左上角开始放大,很丑,这个时候我们可以设置其宽高来解决问题,给其设置宽高后,切换的奇怪效果即可消失。 <!-- 饼图組件 --> <div class="chart01" echarts #myEchart01 [options]="option01"></di

ecmascript

svn的使用(svn的使用的全部流程)

asdas asdas 发表于2024-04-21 浏览10748 评论0
嗨喽大家好,我是老黑。工作了一段时间,但是对于svn的使用还是有一些问题,今天就来总结一下平时最常用到的操作。再也不想平时对项目代码管理的时候出现各种各样的问题。 一、前言 首先推荐一个svn最常用的使用平台,SVNBucket.这个的话直接百度就可以了。进入之前先注册一个账号,然后登陆就可以了。里面也有一些SVN的教程。大家可以空余的时间可以进去看看。好了,下面直接进入正题。 二、svn获取远程项目代码。 这是最常用之一,当我们进入一个新的公司,或者获取到一个新的项目的时候,需要获取到

ecmascript

NPM:修改npm源(修改npm源代码)

a3626877115 a3626877115 发表于2024-04-21 浏览11925 评论0
在公司运行项目时有时会用到公司自己的源,那这个时候我们就需要切换一下npm源了,国内也有很多其他的源,比如淘宝npm镜像,那我们切源的时候要咋切呢? 1.查看现在用的什么源: npm config get registry 2.作为临时使用修改npm源(不会影响到本地配置) 在npm install XXX 时加入 --registry URL即可,如修改成淘宝npm镜像: npm --registry https://registry.npm.taobao.org install e

ecmascript

四、Echart图表 之 颜色color配置项大全

ㅤ 发表于2024-04-21 浏览8327 评论0
🍓 作者主页:💖仙女不下凡💖 🍓 前言介绍:以下👇内容是我个人对于该技术的总结,如有不足与错误敬请指正! 🍓 欢迎点赞👍 收藏⭐ 留言📝 相关账号会持续发布关于文章Echart的相关文章欢迎持续关注! 这篇文章我主要是记录了color各种颜色配置的方法,比如渐变、纹理等这些复杂颜色在实际应用中怎么配置。 一、color的全局与局部配置 调色盘颜色列表。如果没有设置全局颜色,则会依次循环从该列表中取颜色作为系列颜色。 默认为: ['#5470c6', '#91cc75', '#fac8

ecmascript

Echarts重新加载数据但不重新渲染的原因和解决方法

牙郎 牙郎 发表于2024-04-21 浏览7724 评论0
⼀、Echarts渲染的逻辑: 如果echarts未实例化则进⾏实例化过程,⼀旦实例化,便会在div容器⽣成⼀个 echarts_instance echarts_instance 属性, 该属性值即为当前echarts的ID,然后根据该ID进⾏渲染。 ⼆、因此,重新加载数据但不重新渲染的原因 第⼀次渲染图表后,便有了ID,但是我们⾮第⼀次加载数据时,图表的_echarts_instance_属性值我们没有显式引⽤,所以此时,待渲染的图表 在原有的div容器中,匹配不到想要渲染

ecmascript

echarts绘制地图

doviseo doviseo 发表于2024-04-21 浏览6060 评论0
使用 echarts 绘制地图, 并实现简单的交互(如果是复杂的交互, 建议使用 高德地图的api) 使用echarts 画中国地图有两种方法, 一种是使用 china.js 的文件, 来绘制地图。这个文件好像不是那么好找了, echarts 的站点不再提供了, 这里有一个从别的资源找过来的 china.js 这是有一个网络资源, 下载就可以了 https://pan.baidu.com/s/1n1W__XPfS-icv_GOUPChBw 提取码 4rxi 把上面的文件, 保存为china.j

ecmascript

数组的 reduce方法(数组的reduce方法)

sufz sufz 发表于2024-04-21 浏览6271 评论0
数组的 reduce方法 reduce() 方法对数组中的每个元素按序执行一个由你提供的 reducer 函数,每次运行都会 将先前元素的计算结果作为参数传入,最后将其结果 汇总为单个返回值。 当第一次执行这个回调函数的时候,不存在 “上一次计算的结果”,所以如果需要回调函数从数组索引为 0 的元素开始执行,就需要传递 初始值 否则索引号为 0 的元素将会被 作为初始值 initialValue,迭代器将从第二个元素开始执行 语法: // 箭头函数写法 Array.reduce((

ecmascript

echarts实现地图下钻

水木年华 水木年华 发表于2024-04-21 浏览12621 评论0
公司的新项目需要写这样的地图,还要能两级下钻到省,下面是我写好了的样子,我今天就是复一下盘: 如何用echarts显示地图 首先需要下载map的Json数据,我放到这里:mapJson 然后使用echarts的geo配置,或者series的type = 'map’就可以加载地图了: import chinaMapJson from "./china.json" echarts.registerMap('china', chinaMapJson) var options = { t