![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
无称可用
这个作者很懒,什么都没留下…
展开
-
echarts图表用法
TaskStatisticsHistogram();function TaskStatisticsHistogram() {// 基于准备好的dom,初始化echarts实例var myChart = echarts.init(document.getElementById(‘TaskStatisticsHistogram’)); // 指定图表的配置项和数据 var option = { color: ['#FFB48C原创 2020-05-15 16:05:14 · 145 阅读 · 0 评论 -
echarts在数据改变后,折线图并没有全部刷新
echarts在数据改变后,折线图并没有全部刷新在做一个BI项目的时候,图表需要区分国内和国外显示。当前用户所属企业具备国内外权限的时候,展示两条图表,当查看其他企业需要根据选中的企业所具备的权限改变图表。即刚开始显示两条折线图,更改选择条件并重新setOption后想要隐藏其中一条数据,发现并不能隐藏,该隐藏的这边并没有改变。后台打印console.log(data)后经确认的确只有一条数据的值,说明值得到了改变但是图表没有更新。经查阅官方文档发现重新set的时候应该加上一个配置项:this.char原创 2021-02-26 10:18:26 · 1249 阅读 · 0 评论 -
echarts 实时数据展示
echarts 实时数据展示由于 是嵌套数组,写着写着脑子很痛,就不愿思考,细节也无法完全把控,估计脑子在自我保护写的时候一定得先想清楚数据结构是什么,我虽然想了,但是只想了一个大概就开写了,犯了大错。一定要想清 那些是需要遍历 那些只需要遍历一次。先把外层模板搭建好,里面的就可以push进去。 function Myecharts() { getajax(function (data) { realTime.push(data)原创 2021-03-12 14:53:27 · 1430 阅读 · 0 评论 -
echarts常用修改位置
(一)修改echarts图表距离外部div上下左右的位置grid: {left: ‘6%’,right: ‘4%’,bottom: ‘12%’,top: ‘15%’},(二)修改顶部隐藏显示数据位置legend: {data: config.legend,top: 20,},...原创 2020-05-07 11:59:23 · 5762 阅读 · 0 评论 -
echarts自适应屏幕大小
echarts自适应屏幕大小 多个echarts图表=> window.addEventListener("resize", function () { myChart.resize(); }); 单个echarts=> window.onresize = myChart...原创 2020-05-07 11:49:31 · 1321 阅读 · 0 评论 -
echarts宽度100%变成了100px
标题echarts宽度100%变成了100px具体问题是,我设置的width:100%,结果出来的时候就变成了100px;发现,是因为我把图放到了tab选项卡里,因为图一开始是display:none;在一开始初始化执行js的时候找不到这个元素,所以会出现问题。1、 自适应。2、 缩小布局不乱。解决方法:1、一开始就把echatrs的的宽度定死,监听浏览器大小变化,把echerts用di...原创 2020-03-10 08:47:48 · 4655 阅读 · 0 评论