ECharts

Question

我正在使用 Echarts 创建图表，它在我的页面上看起来像这样：

这给我带来了两个问题，第一个是在图表中看到数据真的很糟糕，所以我需要将条形变大。第二个问题是条形标签（左侧）被切割。

我的图表配置与此类似，只是其中包含更多数据：

option = {
  xAxis: {
  },
  yAxis: {
    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
  },
  series: [{
    name: "Sale",
    type: "bar",
    data: [5, 20, 36, 10, 10, 20, 4]
  }]
}

Answer 1

解决方法很简单。

在弄乱了 echarts 文档和我使用的 Laravel 图表之后，我设法通过在我的图表配置中设置高度属性来获得我想要的东西。像这样：

option = {
  xAxis: {
  },
  yAxis: {
    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
  },
  series: [{
    name: "Sale",
    type: "bar",
    data: [5, 20, 36, 10, 10, 20, 4]
  }],
  height: 2000px
}

ECharts - 更改条形图线高

ECharts - Change bar chart line height

charts