您可以使用 CSS 的 text-align 和 flex 属性来实现这个效果：
1.首先，在图表中添加文本居中：
2.接下来，使用 flex 属性将图表容器设置为 flex 布局，以便在垂直方向上居中：
3.最后，您可以通过调整 flex-direction 属性来控制图表在垂直方向上的方向。如果需要向下居中，可以将 flex-direction 设置为 row，然后将 align-items 设置为 flex-end：
这样，图表就会在垂直方向上居中，并且向下居中。
要让图表既能居中又能向下，可以使用CSS的定位属性。首先，将图表的父元素设置为相对定位（position: relative），然后将图表自身设置为绝对定位（position: absolute）。
接着，使用top和left属性来调整图表的位置，使其居中和向下偏移。
具体地，可以将top属性设置为50%，表示向下偏移50%的父元素高度，然后再将margin-top属性设置为图表高度的一半的负值，将图表居中。
最后，通过调整left属性来微调图表的水平位置。例如，可以将left属性设置为50%，再使用margin-left属性将图表向左偏移一半的宽度，达到水平居中的效果。
要让图表既能居中又能向下，可以使用CSS的flexbox布局。首先，将图表的父容器设置为display: flex，并且设置justify-content: center来实现水平居中。
然后，使用align-items: flex-start来使图表向下对齐。这样，图表就能同时实现居中和向下的效果。另外，还可以使用margin属性来微调图表的位置。例如，设置margin-top: 20px来使图表向下偏移20像素。
要把图片放大居中，可以使用CSS的背景属性（background），具体步骤如下：
2. 在CSS中，给该元素设置一个固定的宽度和高度，以及背景属性。
3. 在背景属性中，设置背景图片的URL，并使用background-size属性将图片放大。
4. 使用background-position属性将图片居中。
在上面的示例中，我们使用了一个div元素来包含图片，给该元素设置了一个宽度和高度，然后使用CSS的背景属性设置了图片的URL、大小和位置。在background-size属性中，我们使用cover值将图片放大以填满整个元素。在background-position属性中，我们使用center center值将图片水平和垂直居中。