reactjs - 在 X 轴的胜利图中仅显示开始和结束对象名称

Question

我的要求是在 Y 轴上显示我的对象的所有详细信息，并在 X 轴上显示第一个和最后一个对象的详细信息（例如显示范围）。我的代码如下

render() {


    let array = [ ];
    this.props.data.map(data => {
        array.push({ x: data.date, y: data.total })
      })

    return (
        <View>
            <VictoryChart>
                <VictoryLine
                    style={{
                        data: { stroke: "#c43a31" },
                        parent: { border: "1px solid #ccc" }
                    }}
                    data={array}
                />
            </VictoryChart>
        </View>
    );
  }

根据上述代码显示的图形的当前显示如下

我只想在我的 X 轴上显示第一个日期和最后一个日期。我在这里想念什么？

Answer 1

我知道这是一个老问题，但迟到总比没有好。我没有测试这个。我只是在指导你。

您可以使用tickValuesfor VictoryAxis。文档在这里

尝试为tickValues这样的轴提供值数组。

['11-08', '', '', '', '', '11-15]