2017-11-14 8 views
0

Ich benutze Victory-native und habe ein VictoryChart mit VictoryLine und VictoryArea als Kinder und möchte die Achse des Diagramms entfernen. Gibt es eine Möglichkeit, über Requisiten darauf zuzugreifen? Wahrscheinlich kann die Farbe dann auf transparent gesetzt werden. HierAxis von VictoryChart entfernen

ist ein Code:

<VictoryChart 
    containerComponent={ 
    <VictoryContainer /> 
    } 
> 
    <VictoryArea 
    interpolation={interpolation} 
    data={this.state.data} 
    /> 
    <VictoryLine 
    interpolation={interpolation} 
    data={this.state.data} 
    /> 
</VictoryChart> 
+0

Sie sollten wahrscheinlich Code Ihrer Implementierung bereitstellen. – TimH

Antwort

1

Vielleicht können Sie versuchen VictoryAxis mit Achsenhub keine zu nach Ihrem Diagramm

<VictoryChart 
    containerComponent={ 
    <VictoryContainer /> 
    } 
> 
    <VictoryArea 
    interpolation={interpolation} 
    data={this.state.data} 
    /> 
    <VictoryLine 
    interpolation={interpolation} 
    data={this.state.data} 
    /> 
    <VictoryAxis style={{ axis: {stroke: "none"} }} /> 
</VictoryChart> 
+0

Danke, das hat zum Entfernen der Achsenlinien funktioniert, aber die Tickbezeichnungen sind immer noch da. Ich einige Wege gefunden, zu entfernen (aus gerenderte Ansicht bewegen), um sie, vielleicht können Sie Sie die Antworten mit denen aktualisieren und wahrscheinlich bessere: - fügen tickLabelComponent mit leer Komponente -> tickLabelComponent = {} - add tickvalues ​​= {[x, y]}, wobei x und y Werte außerhalb der gerenderten Ansicht sind, z. B. min (data.x) - 1 und max (data.x) + 1 – student96

-1

VictoryChart verwendet Standardachsen hinzuzufügen. Wenn Sie Daten ohne Verwendung von Achsen plotten möchten, verwenden Sie stattdessen VictoryGroup.

Siehe die FAQ