
ECharts
莉莎的脑瓜疼呀脑瓜疼~
我是一颗前端的小学生
展开
-
ECharts图——addData属性实现动态实时更新数据
此为网上的demo做了修改,记录以便日后学习。注:addData是在ECharts2中提出的,在ECharts3移除了addData方法,可以考虑用push的方法把数据从尾部添加放进去,然后用shift移除首部第一个数据,任然可以达到更新的效果。在ECharts3中也参考appendData方法。(1)一般写法(可以直接运行看效果):<div id="main" style="...原创 2018-07-27 15:52:46 · 25779 阅读 · 2 评论 -
ECharts——学习笔记,常用基本功能
此为学习ECharts整理的笔记,不断学习不断更新1.基本知识lenged-data:解释横坐标series-data:解释图形XAxis: 横坐标的文字YAxis: 纵坐标的文字2.特别注意(1)legend的data数组里面的内容必须与series配置里面对象的name完全一样,否则会不显示3.基本功能(1)调整图形的左的留空的距离,方便y轴显示的数据更多一些(y轴显示...原创 2018-08-06 10:10:45 · 963 阅读 · 0 评论 -
在ECharts中,使用tooltip下的formatter动态处理数据,单位换算,添加不同的单位(单位为['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB)
在tooltip下的formatter中可以调用我们自己封装的函数,我们打印出来发现,value其实是所有的信息集合,而我们可以选择自己所需要的数据进行处理。根据后台返回的数据,我们直接在echarts显示层处理数据。先上代码:tooltip: { trigger: 'axis', formatter: function(value){ //这里的valu...原创 2018-08-06 15:27:54 · 6762 阅读 · 0 评论 -
Echarts icon图标 默认样式 样式总结
最近使用到的echarts icon图标的样式,以后遇到了新的也会不断更新。 Echarts icon 默认样式为:Echarts icon 实心圆加横线的样式: 写法:series: { symbolSize: 0, //这个参数表示在图像上显示的原点大小,为0则不显示 symbol: 'circle', ...原创 2018-10-25 11:02:24 · 15698 阅读 · 0 评论 -
Echarts 修改坐标轴 坐标轴字体 坐标轴刻度的颜色 去除网格线和网格区域 坐标指示器颜色
一般Echarts的样式都可以参考这个文档,个人觉得很好用啦~https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-qmns2d0g.html以下为样式实现的具体方法:// 坐标指示器颜色tooltip : { trigger: 'axis', axisPointer: { ...原创 2018-10-25 11:19:19 · 19456 阅读 · 0 评论 -
Vue 中 Echarts绘图 在一个圆环图或多个圆环图中间插入图片 插入文字(考虑到浏览器大小兼容问题)
之前一直掉进这个坑,没有跳出来,导致自己在这个问题上搞了很久,今天把这个坑写出来,避免大家都去踩这个坑啊~ 在Vue项目结构中,如果引入图片的url不成功,记住,请一定要试一试在路径外加上 require() !!! 也就是: require(../../images/test.png)恩~~~现在开始讲一下具体的实现:(1)首先看一下我们要实现第一种只有一个圆环图中间插入图片,...原创 2018-10-25 14:46:53 · 10583 阅读 · 1 评论