随笔分类 - Echarts实战
摘要：把相同或者类似的图表进行封装 父组件使用： <Report :info="main4" :xdata="RXData4" :sdata="RSData4" :title="title4" :color="color4" :barBorderRadius="barBorderRadius4" clas
阅读全文
摘要：以上为效果图但是有一个问题是，一开始需要定义位置和颜色数组，当数据量过多的时候会重叠而且要提前声明很多数据 后面我决定用关系图来做了，先放上散点图代码供参考 function initReport(sdata) { const myChart0 = echarts.init(main0.value)
阅读全文
摘要：需求是一个页面中两个图，一个饼图一个折线图，接口用的是一个接口，柱状图的图例要隐藏掉，X轴为月份，每月份都有两个数据，也就是图例是两个（进口和出口）的意思饼图需要显示最新月份数据，并且有一个下拉框可以切换月份，视图就显示相应月份的数据，主题切换要全部一起切换，工具箱两个div一人一个 已经测试过了没
阅读全文
摘要：从接口里面取出来相应的数据渲染到图表，这个之前我有发过博客去记录，可以看之前的文章，这篇就算做一个笔记吧 接口里面的数据格式如下： 以上数据纯属虚构，但是你如果想要类似的写法，记得让后端配合你的工作 放上源码（这个注释可能比较少，因为前面文章已经写的很清楚了，需要详细的解释请看前面的文章） <!--
阅读全文
摘要：之前的需求是根据下拉框选择相应的地区来展示相应公司渲染出来的图表，现在多了个需求是再多一个下拉框判断型号，这两个判断要可以同步进行 也就是选择相应地区再选择相应型号，图表要展示相应的内容 我的写法可能有点笨拙，先判断全部地区下是否为全部型号，再判断不同地区下是否为全部型号，也就是四个部分（如果有好的
阅读全文
摘要：想实现一个图例（公司名），点击让div中三个图表进行显示相应的数据，并渲染到图表中（公司数据可能很多，让其默认显示三条数据），并且每个图表都有相应的标题和datazoom区域展示，点击下拉框会进行相应的数据进行渲染和主题切换 话不多说，放上效果图和代码供参考 有些代码里的方法是直接套用上一个里面的，
阅读全文
摘要：效果如图所示，一个页面四个div，每个div里面展示相应的数据，因为这种效果会有点麻烦，而且不太雅观我就换了一种写法，一个div里面用四个图表，共用一个图例，先放上这个方式的效果图和源码，后期会再发布一篇文章用来展示新的效果 <!-- 产能 产量 开工率 仓储 --> <!DOCTYPE html>
阅读全文
摘要：动态设置max 查看官网 写入方法 获取到你数据最大值 然后+个100
阅读全文
摘要：clear方法和dispose方法 一种是调用clear方法，一种是dispose方法。第一种是清理echarts 但是不销毁实例。第二种是销毁实例，再次使用需要重新构建实例 1. 果然内存占用稳定下来了(这次不是稳定上升。。。)，大概就是这样了。应该也可以写成下面这种方式。 补：有人用两种方式试了
阅读全文
摘要：紧接上面的接口对接的时候，把这个0换成了空字符串 再把拼接的时候加上eval方法 本来的效果图： 现在就满足需要了，前面的数据0也已经删除，让数据飘起来，从当天数据开始 效果图： 现在就已经完成了，现在需要把注释加上，代码方法封装一下就好了
阅读全文
摘要：经过沟通，后台重新给我个接口，接口里面的数据为两个大对象，数据接口为：自己改 数据格式如下图： 通过请求接口实现的效果为： 放下代码供参考： ###html： <!-- 根据每个公司所出现的次数的所在的日期，判断在这个日期前后的价格数据需不需要填充零现在的问题是公司的价格数组会从第一天开始往后堆叠，
阅读全文
