galaxyJING的博客

实现原理：多层图层叠加实现复杂的信息展示。

在ECharts中，即使没有数据，也可以通过设置特定的选项来显示坐标轴和分割线。即使没有数据，图表也会显示这些分割线和标签。让echart 在没有数据的时候也加载出分割线和坐标轴。在这个例子中，我们创建了一个线形图，但是。属性设置为一个空数组。以显示分割线，并且设置了。

【代码】【echart】实现echart图的富文本样式。

【代码】【echart】柱状图实现柱子3D立体效果。

【代码】前端基于Echarts实现3D柱状图。

还是数据拼接，但不是需要拼接null了，最近发现拼接'-'也可以实现这个效果。可以直接去官网试一下效果肯定能实现。另一篇文章有更简单的实现方式。

boundaryGap: false 默认是true，是指坐标轴两边留白。改为false：不留白即从原点开始。为什么有些图是这样的。

后台给了数据后，虚线从哪里拼接，然后拼接上对应长度的null就行了。在lineStyle里写了不生效的话，可以尝试数据拼接。官网线上试了一下，这应该是最简单的实现方式了。我在我们项目里面实现的效果。

【代码】怎么在echarts的map地图上覆盖一层图片。

或者用formatter，这个属性允许客户自定义显示格式，通常加换行符"\n"来解决。数据过于密集显示标注信息会出现遮盖情况。

markPoint 的图层改变不了，但是造成遮罩的柱状图的图层可以改变。标记的最大值最小值被柱状图的图层挡住了。

与window的resize事件不同，resize只能监听window的窗口尺寸变化，不能监听某个元素尺寸变化。最常用的是监听echarts的宽度以实线宽度自适应拉伸的效果。安装element-resize-detector。main.js里面全局引入。也可以在某个页面中单独引入。

页面切换导致echart图宽高仅100px问题，图表的宽度可能没有正确更新，导致显示不正确。为了解决这个问题，你需要确保在切换标签页时触发ECharts实例的。比如style=”width:500px;height:500px”，这时候echarts有了明确的大小时候就可以正常显示出来了。但是如果 想要 100%铺满且随屏幕自动适应大小，又无法解决了。方法，以便图表可以正确地调整到新的容器尺寸。

【代码】eCharts 折线图 一段是实线，一段是虚线的实现效果。

原本页面应该是一进去就加载显示echarts表，然而第一次进去不加载，需要关闭之后再打开才能正常加载。需要给在绘制图表的方法调用的时候加上nextTick就行了。

echarts 多个柱状图，折线图联动

【代码】echarts曲线图动态隐藏某条折现。

【代码】echarts 点击图例显示该折线曲线，隐藏其他折线。