一只爱吃糖的小羊

平时项目里数据可视化展示用的大多是echarts或者highcharts, 一般折线图、柱状图、饼图最普通的用的多一点，最常见的就是这种一般x轴和y轴的数据一一对应，这是最常见的用法我就不说了。今天这篇文章记录一下x轴刻度和y轴数据不是一一对应的情况。

vue3中使用echarts的坑：legend点击问题、tooltip trigger axis不显示问题

echarts官网有对x轴type的说明：之前常用的是category，最近需要用time显示。先看看x轴的显示设置：给一个初始时间值，一个结束时间值，然后给个最小间隔，echarts会自实现显示x轴的值：然后发现有时候在Chrome上没有问题，结果到了IE上发现x轴不显示了。上图中，如果max/min是时间戳，那么x轴的显示在Chrome和IE都是没有问题的。如果是max/min是 new Date(timeString)，timeString如果是 “2020/09/04 11:01:23

最近做的一个项目的其中一个页面有图表展示数据的需求，有柱状图、折线图和饼图，于是引入了强大的echarts. echarts的强大之处和有点这里就不多说了，详细请参照echarts官网和echarts在线demo。 但是我们的页面要展示的数据比较多，同一个页面有数个折线图、柱状图和饼图。项目引入echarts的方法是模块化引入，于是就有了一个问题：怎么在同一个页面用echarts同时展示多个图...

不知道大家在用echarts的时候有没有遇到这种情况：最开始盛放图表的容器是隐藏（或者tab切换）的，然后再显示的时候，里面echarts图表就没用初始大小了。比如我遇到的这种：有童鞋这会儿估计看出原因了：因为元素最初隐藏，再显示之后没有自动变化宽度，所以echarts图表没有初始宽高，官方文档的说法： 请注意：这个宽度在一些情况下设置 百分比 是没有作用的，所以得设置为具体数字或者...