Reactjs 蚂蚁设计条形图隐藏标签

我在react项目中使用ant设计条形图

文件：

我想用x轴作为日期格式显示数据（例如，2018年9月29日）。如果我显示30天，它将没有足够的空间容纳所有标签，因此看起来很奇怪

我想隐藏条形图的标签。像这样

 if (more than 15 days) chart shows label 
 else hide label

或者有没有办法让我在30天内显示图表，但只在10天内显示标签

---

如何隐藏标签？

不幸的是，Antd Pro图表不支持您想做的事情。文档中指出，他们设计的图表组件注重易用性，而不是定制

---

然而，AntdPro图表只是其中的一个简化子集（它本身就是G2的一个端口），具有较少的api选项。如果需要复杂的图表选项，请考虑使用父BigScript库。您可以通过调整BizCharts中的对象来做您想做的事。

为了开发您自己的项目，我强烈建议您将所有软件业务保留在自己的项目中，并使用第三方库只用于自己的业务，您可能需要做很多工作，而不是操纵您的软件业务，因为它们只是更改这些库并应用这些更改。 它不仅能提高你的表现，还能提高你的发展能力

---

对于您的主题，您只需获取一个数组并处理您想要的任何内容，然后将处理后的数组传递给组件

在下面的示例中，我使用了一个柱形图，其中x字段为“week”，y字段为“views”。我不想在x字段上显示标签

  render() {
    // console.log(this.state.data)
    const config = {
      data: this.state.data,
      title: {
        visible: true,
        text: 'Your Stats',
      },
      xField: 'week',
      yField: 'views',
      meta: {
        week: {
          alias: " "
        }
      }
    };
    return (
      <React.Fragment>
        <Column {...config} />
      </React.Fragment>
    );
  }

render（）{
//console.log（this.state.data）
常量配置={
数据：this.state.data，
标题：{
可见：对，
文字：“你的统计数据”，
},
xField：“一周”，
yField:“视图”，
元：{
周：{
别名：“
}
}
};
返回(
);
}

使用的数据如下：

产生了这样的结果：