![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ECharts数据可视化
文章平均质量分 78
个人学习记录(ECharts)
蔡菜小奥比
一个很菜的编程小奥比,又菜又骄傲
展开
-
echarts的边框图片之切图(重要)以及公共面板样式的制作
边框图片一、 使用场景盒子大小不一,但是边框样式相同,此时就需要边框图片来完成。二、边框图片的切图原理:(重要)把四个角切出去(九宫格的由来),中间部分可以铺排、拉伸或者环绕。(那个角大,就以谁为准来切)按照 上、右、下、左 的顺序切割。三、边框图片语法:(重要)<style> div{ width: 400px; height: 300px; border: 15px solid .原创 2022-04-14 20:50:27 · 1941 阅读 · 2 评论 -
数据可视化的适配方案(响应式ECharts)
数据可视化项目适配方案原创 2022-04-13 10:51:41 · 1086 阅读 · 0 评论 -
ECharts相关配置项讲解(详细)
##相关配置讲解先了解以下9个配置的作用,其余配置还有具体细节再查阅文档:文档菜单——配置项手册学echarts关键在于学会查阅文档,根据需求修改配置。ECharts相关配置项title : 标题组件tooltip : 提示框组件legend : 图例组件toolbox : 工具栏grid : 直角坐标系内绘图网格xAxis : x轴boundaryGap: true时boundaryGap: false时yAxis : y轴series : 系列列表(重点)color : 调色盘颜色列表title原创 2022-04-12 15:20:20 · 7635 阅读 · 0 评论 -
ECharts项目用到的技术以及ECharts使用的方法(五部曲)
学习ECharts数据可视化之前必须要会的技术:1、HTML5 + css3布局2、Javascript / jQuery相关技术3、CSS3动画、渐变4、flex布局 和 rem 适配方案用到/ 学习到的新技术1、图片边框 border-image2、ES6模板字符*3、ECharts可视化库等等...原创 2022-04-12 13:57:08 · 1041 阅读 · 0 评论