在echart条形图中完全隐藏y轴

Set*_*eth 2 javascript charts echarts

使用 echarts 3.8.5,我试图创建一个没有 y 轴标签的条形图。

这是我的options对象的片段:

const options = {
  yAxis: [
    {
      show: false,
      type: "log",
    }
  ],

  // additional config...
};
Run Code Online (Sandbox Code Playgroud)

结果如下所示:

图表图像

图表左侧有一个空白区域。似乎 y 轴标签的空间被保留,即使我设置showfalse. 我怎样才能让图表一直向左延伸,而没有这个空白空间?

esi*_*ion 5

“y 轴:显示”实际上是针对 y 轴本身。我认为这与标签本身无关。我认为 echarts 试图将这些标签保留在那里,但它们只是不显示。

注意:刚下班回家,我原来的答案不起作用。你在使用网格吗?我刚刚测试了它并使用了这样的东西:

myChart.setOptions({
    grid: {
       left: '15px',
       right: '15px'
    },
.........(add more options as needed here)
}
Run Code Online (Sandbox Code Playgroud)

  • 啊,是的,我通过修改网格属性来解决这个问题,就像你建议的那样。通过将 grid.containLabel 设置为 false,现在可以使用全宽。谢谢! (2认同)