04 2023 档案
摘要：highchart生成一个光秃秃的柱状图 let report = { chart: { type: 'column', margin: 0, options3d: { enabled: true, alpha: 15, // 控制x轴角度 beta: 10, // 控制y轴角度 depth: 11
阅读全文
摘要：光秃秃的柱状图 前几天有个需要，做个迷你小柱状图，不要x轴、y轴、图例等等 就一个光秃秃的柱状图，就是这个样子（随手截图画的，将就看吧），直接上代码。 ChartData(series,colors,categories){ let report={ chart: { type: 'column'
阅读全文
摘要：Vue监听页面放大缩小事件 ，使用window.addEventListener，methods中方法 ChangeWin(){ let ratio = this.getRatio(); let Pwidth = window.screen.width*this.getRatio()/100; le
阅读全文
摘要：Return中定义CSS变量 在Return 中定义一个比变量 data () { return { '--mg_top1':'3vh', }, } 在methods方法使用 this.$el.style.setProperty('--mg_top1', '3.6vh') 在CSS中使用 .mg_t
阅读全文
摘要：我们在开发一些前端页面的时候，会考虑到一些设备屏幕的兼容性问题，这个时候需要根据屏幕的分辨率以及缩放比例来进行实时的宽高设定，所以我总结了用JavaScript方法进行获取用户电脑屏幕的分辨率和缩放比例的数据： 获取屏幕缩放比例 //获取屏幕缩放比例 function getRatio() { va
阅读全文
摘要：网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式
阅读全文
摘要：当我使用像笔记本电脑这样的设备时，它被放大了，当我缩小到 90% 时，它看起来好多了。 我使用了缩放：90%；首先，但这不适用于 Firefox 或 safari。通过一些研究，我发现 transform:scale (0.9); 是要走的路。 Zoom IE适用。 但是，当我这样做时 html 或
阅读全文
摘要：来自chartGPT的写法： const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const divNum = 4; // 每个div上最多只能有4个数字 for (let i = 0; i < arr.length; i += divNum) { const
阅读全文
摘要：底部空白太多直接用 marginBottom chart: { type: "line", spacingLeft: 0, marginBottom:100, }, 通过 marginBottom 来设置图片的高低。
阅读全文
