要求

在我们的一个项目中，有一项业务要求显示水平堆叠的条形图，企业大数据，该条形图将包含基于特定材料管道的每个数量的子堆叠。在本例中，有一个基于HTML的表，它显示了物料每行的数量数据。客户要求将水平堆积条形图放在表格的右侧–每个条形图将以不同的颜色表示一种材料的数量，每个条形图的底部宽度应与每行的高度对齐–以在页面中显示表格和报告图表的整体组合，而不显示任何颜色表格行和堆叠条之间的错位。

为什么要定制开发？

MII有一种条形图，仅显示垂直堆积条形图，我们可以通过简单地将该条形图保存为图像，然后以90度角旋转该图像来显示相同的要求。但主要的问题是这个图表，数据分析与大数据，因为图像不能以一致的宽度和高度固定，以使每个栏与表格行高对齐。而是将其保存为MII服务器中的图像文件，大数据啥意思，从而导致性能问题。因此，为了克服这些问题，我们必须实现基于HTML代码的定制开发。

下面的屏幕示例

是我们在一个项目

如何做

中使用的水平堆积条形图的示例。为此，我们必须实现完全基于HTML代码的水平堆积条形图。请参考以下代码示例，其中显示水平堆叠的条形图，每个条形图中有两个子堆叠，表示特定材料的管道数量百分比。

代码示例

此实现中的限制

使用此代码，我们必须限制某些棒在刻度末端终止，如果该棒的相关堆栈所代表的数量值超过限制。我们提出了一个具有一定范围的比例尺，永久免费自助建站软件，在这个范围内，我们必须表示堆积的钢筋，超过这个范围，淘客社区，钢筋将被截断，并将其视为该数量的溢出