今天小编给大家分享一下Vue怎么使用echarts散点图在区域内标点的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。首先是因为项目，需要在一个区域内根据坐标标出在标准大小的玻璃中标出检测出含有缺陷的坐标点。
假如说，一块玻璃的大小是标准的 100200 mm的大小，这个是定死的，不会变，每块都这么大。
那么就直接在界面上创建一个100200px的div，表示是这块玻璃。
规定，这块玻璃的中心点是原点（0,0），向右向上是正，向左向下是负。
所以就是这个样子所以说我就想用 echarts 直接在界面上渲染。html首先在界面上绘制一个div来放置echarts。其中这个被我抽离出来做成了组件，组件大小已经规定好了，就是200*100的标准大小。公司要求不能拉伸，不然给人的感觉点就是错位的，如果太大，可以按比例缩小或放大。然后是给散点图画坐标，其实这个地方就很烦。
echarts 的坐标和公司的有出入。首先设置x轴 和 y轴然后是绘制点的集合后台返回来的点的数据结构大体是这个样子的。坐标需要转换，除1000，不解释了，就这样规定的。然后就可以绘制散点图了。可以了。大体效果就这个样子。以上就是“Vue怎么使用echarts散点图在区域内标点”这篇文免费云主机域名章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。
本文小编为大家详细介绍“Vue怎么使用axios发送请求”，内容详细，步骤清晰，细节处理妥当，希望这篇“Vue怎么使用axios发送请求”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。例：当我们在APP组件的子组件UserLogin组…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
