图表
nyf_unknown
这个作者很懒,什么都没留下…
展开
-
(echarts) 饼图设置滚动图例
参考:官网-可滚动的图例。原创 2024-08-15 16:07:21 · 184 阅读 · 0 评论 -
(echarts)图上数值显示单位
【代码】(echarts)图上数值显示单位。原创 2024-06-05 10:41:46 · 635 阅读 · 0 评论 -
(vue)el-checkbox-group怎么指定列数整齐显示
在这个例子中,el-checkbox-group 绑定了一个数组 checkboxList 来存储选中的复选框的值。el-checkbox 组件通过v-for指令进行循环渲染,并通过style属性设置了flex: 0 0 33.3333%,这样每个复选框的宽度为父容器宽度的1/3,从而使得复选框按照3列排列。注意:max-width: 600px;是为了限制复选框容器的最大宽度,避免复选框宽度过大导致布局变形。根据实际需求,你可以调整这个最大宽度值。原创 2024-04-02 14:33:38 · 659 阅读 · 0 评论 -
(echarts)title和legend不重叠/legend图例滚动显示不换行
title和legend都被放置在了不同的位置,从而避免了重叠。你可以根据实际的图表布局和需求调整left(水平位置)和top(垂直位置)等属性,确保它们不会相互覆盖。原创 2024-04-01 15:51:23 · 825 阅读 · 0 评论 -
(echarts)vue中循环生成多个相同的echarts图表,但数据动态、第一次渲染失败问题
【代码】(echarts)vue中循环生成多个相同的echarts图表,但数据动态。原创 2024-03-28 17:33:20 · 832 阅读 · 0 评论 -
(echarts)安装echarts报错:request to https://registry.npm.taobao.org/echarts failed, reason: certificate
注意:此处修改的镜像用的是npm本身,一般国内用户还是建议使用淘宝镜像,所以推荐还是设置成用淘宝镜像,执行:npm config set registry https://registry.npmmirror.com 【推荐】3、然后修改镜像:npm config set registry https://registry.npmjs.org/ (或npm config delete registry)1、查看当前[npm镜像] 设置:npm config list。原创 2024-03-15 16:13:53 · 2372 阅读 · 2 评论 -
(echarts)X轴缩放功能
解决方案:option配置里添加dataZoom属性。原创 2024-03-04 10:25:46 · 681 阅读 · 0 评论 -
(echarts)echarts使用时重新加载数据之前的数据存留在图上的问题
因为echarts默认叠加的。解决办法:加一个true解决。原创 2024-02-29 11:02:26 · 1218 阅读 · 0 评论 -
(AntV X6)vue2项目流程图实现
7.完整流程,初始配置。原创 2023-12-25 11:46:02 · 3408 阅读 · 1 评论 -
(Ant X6)子组件里的流程图画布无法显示
在 Vue 中,每个组件都有一个唯一的 key 属性。当组件的 key 属性发生改变时,Vue 会视为这是一个新的组件,而不是复用之前的组件。这样就会触发组件的重新渲染,从而实现页面的刷新。问题背景:侧导航页面都是子组件,建模页面的画布无法显示。解决思路:点击建模菜单时再次加载对应组件。原创 2023-11-30 15:33:08 · 504 阅读 · 0 评论 -
(echarts)雷达图封装相关总结及使用
数据结构:" />//雷达图var option;option = {//颜色设置//移入标签设置tooltip: {},//图例legend: {},//图形设置radar: {indicator: obj.title,//标签名称radius: 120, // 图大小splitNumber: 4, // 圈数shape: "circle", // 形状// 环区域样式},},// 环边线样式},},},series: [width: 4,原创 2023-10-27 15:34:32 · 184 阅读 · 0 评论 -
(echarts)热度图封装相关总结及使用
一、封装组件heatChart.vueprops: {},id: {},width: {},height: {},xData: {return [];},},return {//过长可去echarts插件的热力图例子复制data: [[0, 0, 5], [0, 1, 1], ...],//[y坐标,x坐标,值],也可用对应值显示["Saturday","12a",5]},},},data() {return {},原创 2023-10-13 16:48:36 · 183 阅读 · 0 评论 -
(echarts)单/多折线图封装相关总结及使用
一、封装组件lineCharts.vueprops: {},id: {},width: {},height: {},xData: {return [];},},return {name: "销量态势",},},},data() {return {},watch: {},},},});},if (!return;原创 2023-10-13 16:32:48 · 444 阅读 · 0 评论 -
(echarts)饼图封装相关总结及使用
一、封装组件pieCharts.vueimport resize from '@/components/Charts/mixins/resize' //自适应画布props: {// 使用页面传的数据(有则用新,无则默认)},id: {},width: {},height: {},xData: {return []},return {name: '偏好占比',datas: [{ name: '爱好1', value: 63.8 },原创 2023-10-12 16:11:14 · 254 阅读 · 0 评论 -
(echarts)解决echarts图表适配窗口的大小
【代码】(echarts)解决echarts图表适配窗口的大小。原创 2023-09-12 14:51:05 · 319 阅读 · 0 评论 -
(echarts)控制双图表显示隐藏There is a chart instance already initialized on the dom
返回数据中若zAxis、zAxisData字段有值,则显示柱状图,否则显示折线图。原创 2023-06-09 13:48:07 · 368 阅读 · 0 评论 -
(echarts)clear()和dispose()的区别和使用场景
dispose类似于v-if,它是将echarts对象清理了,然后重新构建echarts对象。如果连图表容器都被销毁了,那就要调用echarts.dispose()销毁实例。echarts.clear()是清空当前实例,会移除实例中所有的组件和图表。echarts.dispose()是销毁实例,销毁后实例无法再被使用。clear类似于v-show,它只是重绘图表。原创 2023-05-23 18:53:53 · 961 阅读 · 0 评论 -
(echarts)echarts第一次渲染柱状图获取不到容器宽高
用this.$nextTick(()=>{…原创 2023-05-23 18:42:46 · 599 阅读 · 0 评论 -
(echarts)折柱混和图对应各自y轴
【代码】(echarts)折柱混和图对应各自y轴。原创 2023-04-21 19:45:57 · 250 阅读 · 0 评论 -
(Echarts)中国地图发射路线及提示轮播展示
项目背景:lenglian可视化大屏数据地图模块展示。原创 2023-04-13 11:53:39 · 576 阅读 · 0 评论 -
(echarts)首次进入页面地图有极短时间空白
原因:加载页面时需请求接口获取数据,之后才渲染地图,因此造成极短的时间差。2.接口调用完成之后再渲染地图。1.请求数据之前先初始化地图。原创 2023-04-06 12:14:20 · 580 阅读 · 0 评论 -
(echarts)地图报错Uncaught DOMException: Failed to execute ‘drawImage‘ on ‘CanvasRenderingContext2D‘:...
报错大概是在绘制图形时画布大小为0,把写在css样式文件中的宽高设置给在行内就可。原创 2023-04-06 09:50:31 · 3350 阅读 · 0 评论 -
(echarts)ECharts地图图表tooltip显示多条数据
【代码】(echarts)ECharts地图图表tooltip显示多条数据。原创 2023-04-02 20:14:30 · 2297 阅读 · 1 评论 -
(echarts)echarts柱状图渐变色实现
【代码】(echarts)echarts柱状图渐变色实现。原创 2023-04-02 17:34:06 · 474 阅读 · 0 评论 -
(echarts)Echarts调整图表的边距大小
【代码】(echarts)Echarts调整图表的边距大小。原创 2023-04-02 16:50:49 · 1274 阅读 · 0 评论 -
(echarts)echarts环形图表
【代码】(echarts)echarts环形图表。原创 2023-04-01 22:39:44 · 139 阅读 · 0 评论 -
(echarts)vue中使用echarts实现中国地图多线路多配色
难点:可能会有多个起始点对应一个抵达点,导致数值重合区分不清,解决:在每条线上显示数值即可避免,需调整数据格式。经纬度:geoCoordMap.json。1.可展示省内所有市对应的利润及亏损。2.可展示某省下单个市的利润及亏损。升级版(连线中部显示对应数据)原创 2023-03-30 17:38:16 · 1135 阅读 · 0 评论 -
(g6)节点同方向多条边显示不全及重叠问题
修改方式:使用 util 方法 processParallelEdges。原创 2023-03-20 09:51:04 · 2909 阅读 · 1 评论 -
(Echarts)引入地图报错“Map china not exists. The GeoJSON of the map must be provided”
原因: echarts版本过高,官方在5+版本中移除了echarts/map/china.js文件。第一步:下载低版本的echarts@4.1。第二步:组件内直接引入china.js。原创 2023-02-14 17:45:10 · 8103 阅读 · 2 评论 -
(g6)Radial 辐射布局
效果数据格式节点边代码原创 2022-12-05 13:07:07 · 560 阅读 · 0 评论 -
(g6)紧凑树布局点击节点添加子数据
效果代码原创 2022-12-05 12:38:27 · 911 阅读 · 0 评论 -
(g6)紧凑树添加节点数据调取内部方法报错
错误写法:正确写法:原创 2022-12-05 12:21:38 · 246 阅读 · 0 评论 -
(G6)图谱总结
丝滑粘黏// 丝滑粘黏 events() {});});} ,使用方式:渲染后直接引入// 3.配置数据源,渲染 this . graph . data(this . visualData);// 渲染图 this . graph . refresh();G6换行符处理超长文本//G6换行符处理超长文本 superLongTextHandle(str , maxWidth , fontSize) {原创 2022-09-26 09:54:20 · 725 阅读 · 0 评论 -
(G6)项目使用G6安装依赖后渲染报错Object(...)和graph未定义
报错1报错2(重点)draw . js?原因之前项目有用过@antv 顺带装的g-canvas为@0.5.12与本次安装@antv/g6所带的g-canvas为@0.5.2版本不同,导致画布渲染异常。解决在不影响之前图的前提下,删掉@0.5.12版本更换为@0.5.2版本。......原创 2022-08-26 19:51:23 · 1657 阅读 · 0 评论 -
(G6)图谱节点和边重叠都在一条线上
【代码】(G6)图谱节点和边重叠都在一条线上。原创 2022-08-19 16:25:19 · 2944 阅读 · 0 评论 -
(G6)Loop 自环边添加(起始点与结束点为相同节点的边)
【代码】(G6)Loop 自环边添加(起始点与结束点为相同节点的边)原创 2022-08-19 14:40:16 · 474 阅读 · 0 评论 -
(G6)G6换行符处理超长文本
处理数据时在节点处使用。原创 2022-08-19 11:36:50 · 3289 阅读 · 3 评论 -
(G6)基础图
(G6)基础图原创 2022-08-09 11:16:35 · 229 阅读 · 0 评论 -
(G6)图谱重新获取数据后之前的图未被清除掉
(G6)图谱重新获取数据后之前的图未被清除掉原创 2022-06-21 16:17:19 · 2140 阅读 · 0 评论 -
(G6)图表注解
(G6)图表相关原创 2022-06-21 16:28:14 · 197 阅读 · 0 评论