Apex 图表侧边栏高度

Ped*_*ira 5 javascript css vue.js apexcharts

我正在使用该库apexCharts在我正在处理的项目中构建一些图表。

这个特定的饼图正在加载某个操作的尝试次数,并将其显示在侧栏标签中。

最近我加载了一个包含很多尝试的图表,并且容器获得了滚动,我认为它会加载所有尝试,并且通过滚动您可以浏览它们,但它并没有显示所有尝试。

标签容器

我一直在观察图表的响应行为,在 1300px > 分辨率大小下,它确实通过滚动显示了所有标签。

这些是我的顶点图表代码的选项:

chartOptions: {
  chart: {
      width: '100%',
      height: 390,
      type: 'pie',
      toolbar: {
          show: true
      }
  },
  labels: chartData.labels,
  legend: {
      markers: {
          width: 26,
          height: 12,
          radius: 8,
      },
      position: chartOptions.legendPosition || "right",
  },
  theme: {
      monochrome: {
          enabled: true,
          color: '#537F23',
      }
  },
  title: {
      text: chartOptions.title,
      margin: 10,
      style: {
          fontSize:  chartOptions.titleSize || '25px',
          fontWeight:  'bold',
          color:  '#707070'
      },
  },
  responsive: [
      {
        breakpoint: 1400,
        options: {
              chart: {
                  width: '90%',
                  height: 417,
              },

        }
      }, {
          breakpoint: 800,
          options: {
              chart: {
                  height: 400,
              },
              legend: {
                  position: "bottom",
                  horizontalAlign: 'left',
              }
          }
      }, 

Run Code Online (Sandbox Code Playgroud)

我尝试调整图表高度,但没有用。我认为这可能是一个库错误。

建议?

谢谢 。