2024-06-26用柱状图展示出一系列分类的数据，结果发现分类共9种，每类的名字都很长，一行显示的时候x轴文字直接重叠到飞起，就算是弄成x轴3个字一换行，效果也很难看，变成换了很多行。本文参考了这篇博客里面的思路和分割数据的代码，不过我用的是vue页面，后面没有照搬他的代码，而是我自己根据我的项目需求拆分了我的函数，下面整理一下思路。1. 调用接口获取数据，然后在数据里找到x轴、y轴要显示的字段，用map方法映射出了两个新数组，保存起来，作为x轴，y轴的数据。我这里认为type是x轴的数据，value是y轴的数据。_echart 柱状图分页

https://www.qianduange.cn//article/13654.html 分类：前端知识

2024-06-26echarts画省地图并交互_echarts 四川地图

https://www.qianduange.cn//article/13653.html 分类：前端知识

2024-06-26组件中引入import * as echarts from “echarts”;backgroundColor: “#999”, //背景色。color: “#fff”, //字体颜色。borderRadius: 3, //圆角。// text: “测试结果”,tooltip: {}, //提示层。name: “测试标题名字”,name: “测试结果”,name: “符检查”,name: “表检查”,name: “接检查”,name: “保检查”,name: “定检查”,name: “现检查”,_veusz画雷达图

https://www.qianduange.cn//article/13651.html 分类：前端知识

2024-06-261、形象直观，有利于提高效率岗位看板可视化使得部门之间、员工之间不必语言沟通，通过观察就可以了解运行流程和状况。而且由于看板可视化管理直观而简单，信息的传递速度大大加快，从而提高了生产效率。2、透明度高，便于配合和监督岗位看板可视化要求生产管理的公开化。在各个生产环节上，什么人干、干什么、怎么干、干多长时间等问题都被明确。这样一来，各个岗位的员工首先可以做好本职工作，其次可以默契配合、相互监督，促进生产效率的提高。3、传递现场的生产信息，统一思想生产现场人员众多，而且由于分工的不同导致信息传递不及时的_开源可视化看板

https://www.qianduange.cn//article/13650.html 分类：前端知识

2024-06-26详细介绍了散点图的特点、应用场景及使用方法。_echarts复杂散点图应用场景

https://www.qianduange.cn//article/13649.html 分类：前端知识

2024-06-26首先需要确定两个Y轴的最大值；如果根据左侧/右侧Y轴绘制多条线需要合并数组之后进行取最大值。然后在option中确定yAxis的两个Y轴对象。最后配置series。_echarts左右y轴对齐

https://www.qianduange.cn//article/13599.html 分类：前端知识

2024-06-26首先，需要在饼图的 series 配置项中设置 data 属性，该属性用于定义饼图的数据。例如，如果想要前两个饼图切片被默认选中，可以将前两个数据项的 selected 属性设置为 true。在上面的代码中，通过监听多选框的 change 事件，当用户点击多选框时，会更新对应饼图数据项的 selected 属性，并使用 setOption 方法重新绘制饼图。这样就可以实现多选框操作饼图选中的功能。在 echarts 中，要实现多选框操作饼图选中的功能，需要结合使用 echarts 的数据过滤和事件机制。_echarts 饼图选中

https://www.qianduange.cn//article/13598.html 分类：前端知识

2024-06-26X轴放日期、Y轴放总数据量（total）各一个数据，还有折现放的是incr（增长量），柱状图有两个颜色 表示两个数据，一个使用过的，一个未使用的 加起来等于总量。我们需要 以下5个数据；bytesSizeG这个方法是我换算单位的，不需要的 可以换掉了。series是一个数组 所以可以多放几个就组成了一根柱子展示两个数据。这里是后端返回的数据，我们需要把需要的数据合并成数组；这里因为我需要加单位，所以我选择了自定义。这里是有柱状图和折线图混合的一个图表。_echarts 柱状图如何显示两个

https://www.qianduange.cn//article/13597.html 分类：前端知识

2024-06-25因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不多，最终实现效果都逃不出白边的手掌心，可以解决白边问题的，要么太过于复杂，要么会影响dom结构。如果你使用的地图是基于canvas绘制的，那么有可能会出现偏移现象（往往伴随着拉伸），那么和上面的echarts的解决方式一样，只需要重绘就可以了。解决方式也很简单，autofit.js不需要任何其他辅助工具，如果想体验autofit.js一行搞定，关闭其他插件，且不要使用任何相对单位即可！在你的项目js中使用autofit.init()同上。_autofit.js的使用

https://www.qianduange.cn//article/13522.html 分类：前端知识

2024-06-24需要拓展echarts相关包。_npm install echarts --save

https://www.qianduange.cn//article/13511.html 分类：前端知识