![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts分享
文章平均质量分 72
分享项目开发中关于echarts的东西
前端SkyRain
有点宅的小胖子前端工程师
展开
-
echarts分享(四):双y轴图表刻度均匀分布问题
今天分享一个小问题,内容不多。双y轴图表中,为了图表的美观,经常会隐藏一侧的y轴刻度线,仅显示一侧的刻度线。那么问题就来了,两个y轴的数据数值大小不同,常常会导致刻度线的刻度分布不均匀,该如何解决呢?这里分享下我在项目中所作的处理:首先是要找出当前y轴数据的最大值,与100相除,再对得到的商进行向上取整,最后把结果乘100。有一点要注意,取整这里必须是向上取整(Math.ceil)。备注:Math.round是四舍五入取整,Math.floor是向下取整,使用这两个方法可能会导致数据显示不全原创 2022-02-06 17:34:20 · 2892 阅读 · 2 评论 -
echarts分享(三):双y轴图例点击+自动轮播进阶版
双y轴图例点击+自动轮播进阶版原创 2022-02-03 14:48:22 · 1457 阅读 · 1 评论 -
echarts分享(二):自动轮播功能分析和简单实现
前言在数据可视化项目中,自动轮播是一个很常见的功能,有动感的页面总是要比一个纯静态的页面给用户的感觉要好很多,不仅可以显示页面不足的地方,更可以提升页面的动感。比如折线图或柱状图的自动轮播显示提示框内容,饼图自动轮播激活区块高亮等,都是项目中的基本要求。今天就来分享一个自动轮播的原理解析和实现。自动轮播的原理自动轮播的原理其实说穿了也很简单,重点就是四个字:依次触发。依次依次,就是依照数据的展示次序进行操作。说到依次,在JS中自然而然的会想起定时器,没错,原理就是使用了setInterval所实原创 2022-02-01 22:02:03 · 7482 阅读 · 0 评论 -
echarts分享(一):折线图渐变和提示框
echarts分享:折线图区域渐变和提示框内容格式化原创 2022-01-11 21:40:28 · 2071 阅读 · 0 评论 -
echarts分享(一):项目基础
echarts项目开发中的东西原创 2022-01-09 19:20:35 · 646 阅读 · 0 评论