前端哥

数据可视化工具 - ECharts以及柱状图的编写

2024-02-03准备一个具备大小的DOM容器初始化echarts实例对象指定配置项和数据(option)将配置项设置给echarts实例对象完整代码需要了解的主要配置:series xAxis yAxis grid tooltip title legend color通过一个案例详细解释配置:工具栏。内置有导出图片,数据视图,动态类型切换,数据区域缩放,重置五个工具。3 柱状图图表(两大步骤)官网找到类似实例, 适当分析,并且引入到HTML页面中根据需求定制图表3.1_echart柱状图前端代码

https://www.qianduange.cn//article/1219.html 分类:前端知识

Echarts解决左右上下边距问题( 两种方法)

2024-02-03在vue和echarts联合技术栈的操控下,本专栏提供行之有效的源代码示例。这里既包括样式的修改,又包括常用bug的解决。(1)提供title示例:展示控制标题的颜色、位置、子标题,连接等(2)提供legend示例:展示控制图例的类型、宽度、高度、位置、间隙,边框、阴影、透明度、偏移,字体、颜色,提示语等(3)提供grid示例:展示控制绘图网格的位置、宽度、高度、边框、阴影等(4)提供xAxis示例:展示控制x 轴的位置、类型、名称、字体、对齐方式、边框、阴影、宽度、高度等。_echarts设置边距

https://www.qianduange.cn//article/1216.html 分类:前端知识

CSS-自适应导航栏(flex | grid

2024-02-02flex布局: 两侧 flex:1;----->中间自适应grid布局:1fr ---->代码为CSS 实现自适应导航栏。_grid导航是什么意思

https://www.qianduange.cn//article/1068.html 分类:前端知识

发现一个使用Vue语法快速生成HTML网站的工具,gridSome

2024-02-01综合使用gridsome 和蓝湖, 就可以更快的产生一个静态HTML 站点, 节省了大量前端开发的时间_vue界面转为静态html

https://www.qianduange.cn//article/1003.html 分类:前端知识

可视化Echarts中title、tooltip、legend、grid属性的常用设置

2024-01-30可视化Echarts中title、tooltip、legend、grid属性的常用设置_echarts title

https://www.qianduange.cn//article/857.html 分类:前端知识

ECharts基础知识详细介绍

2024-01-30在 ECharts 中的组件很多,例如在后续内容中我们可能遇到,xAxis(直角坐标系 X 轴)、yAxis(直角坐标系 Y 轴)、grid(直角坐标系底板)、angleAxis(极坐标系角度轴)、radiusAxis(极坐标系半径轴)、polar(极坐标系底板)、geo(地理坐标系)、dataZoom(数据区缩放组件)、visualMap(视觉映射组件)、tooltip(提示框组件)、toolbox(工具栏组件)、series(系列)等。系列(series)是很常见的名词。_echarts series

https://www.qianduange.cn//article/856.html 分类:前端知识

Vue grid Layout -️ 适用Vue.js的栅格布局系统(保姆级使用教程)

2024-01-29在具有拖拽组成页面、组件动态调整大小、边缘碰撞监测的系统中,使用该布局无疑是最合适的。该栅格系统目前对 vue2 的支持是最好的,vue3 是需要用插件支持的,会在小节详细讲解。栅格布局难度不大,但是要理解里面的原理,并实际应用到自己的项目开发,还要结合自己项目的实际情况。_vue-grid-layout

https://www.qianduange.cn//article/725.html 分类:前端知识

137条数据,当前14/14

最近搜索

会员中心 联系我 留言建议 回顶部