横轴超出不显示滚动条 横轴超出部分超出盒子显示

要实现横轴超出部分超出盒子显示，而不显示横向滚动条，可以使用CSS的overflow-x属性。你可以将retrospect-box-left的overflow-x属性设置为visible，这样当内容超出容器宽度时，超出部分会显示在容器外部，而不会出现横向滚动条。

具体代码如下：

.retrospect-box-left {
  overflow-x: visible;
}

将这段代码添加到你的CSS样式中即可。这样当retrospect-box-left中的内容超出容器宽度时，超出部分会显示在容器外部，而不会出现横向滚动条。同时，垂直滚动条仍然会根据需要显示。

相关问题

如何让echarts折线图横轴显示不开是出现滚动条

要让ECharts折线图的横轴显示不开时出现滚动条，可以通过设置`grid`和`dataZoom`两个配置项来实现。

1. 设置`grid`属性

`grid`属性可以控制图表的位置和大小，包括左右边距、上下边距等。可以通过设置`left`、`right`、`bottom`、`top`等参数来控制边距大小。

例如，以下代码将左边距设置为`50px`，右边距设置为`50px`，底部边距设置为`30px`，顶部边距设置为`30px`：

grid: {
  left: '50px',
  right: '50px',
  bottom: '30px',
  top: '30px'
},

2. 设置`dataZoom`属性

`dataZoom`属性可以控制缩放和滚动图表。通过设置`type`为`slider`，可以在图表下方添加一个滑动条来滚动横轴数据。

例如，以下代码将滑动条放在底部，高度为`20px`，设置最大滚动范围为整个横轴：

dataZoom: {
  type: 'slider',
  bottom: '0px',
  height: '20px',
  start: 0,
  end: 100
},

这样就可以让ECharts折线图的横轴显示不开时出现滚动条了。需要注意的是，`grid`和`dataZoom`属性需要设置在`option`对象的相应位置上，具体参考ECharts的官方文档。

el-scrollbar怎么使用 并禁止横轴滚动条显示

要使用 el-scrollbar 并禁止横轴滚动条显示，你可以按照以下步骤进行操作：

1. 首先，确保你的项目中已经引入了 Element UI 库，并且 el-scrollbar 组件已经可用。

2. 在你的 HTML 文件中，使用 el-scrollbar 组件包裹需要滚动的内容。例如：

<el-scrollbar style="height: 200px;">
  <!-- 需要滚动的内容 -->
</el-scrollbar>

在上述示例中，我们设置了 el-scrollbar 的高度为 200px。你可以根据实际需要调整高度。

3. 如果你想禁止横轴滚动条显示，可以通过 CSS 来实现。为了隐藏横轴滚动条，你可以使用 `overflow-x` 属性设置为 `hidden`。例如：

.el-scrollbar__wrap {
  overflow-x: hidden;
}

这将阻止横轴滚动条显示，并且只显示纵向滚动条。

通过以上步骤，你可以使用 el-scrollbar 组件，并禁止横轴滚动条的显示。记得根据你的具体需求和样式调整代码。