前端开发必备技能知识笔记-echarts条形图改造

acg88

前言
项目中有一个需求，需要使用echarts的条形图呈现钻孔与地层和地层中的样品之间的联系，echarts的条形图不能满足这个需求，所以需要利用echarts的条形图进行改造完成上面的需求。

需求分析
最后需求的效果就是如图所示的样子


需求效果图
首先根据设计需要，先梳理数据的关系，数据中需要有三个对象，按从属关系从大到小分别是 钻孔、地层、样品，一个钻孔里会有多种地层（1：n）、一种地层下又会有多个样品（1：n）,而且数据可能会有多个钻孔；因此最后我们需要的数据格式如下（下面的例子都是以这个数据作为源数据呈现的）：