在 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

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

您可以将tickValues用于VictoryAxis 。 文档在这里

尝试将您的值数组作为tickValues的轴的tickValues值。

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