Was ist der Ersatz von d3.scale.category10(). Range() in Version 4

Question

Ich verwende d3 Grafikbibliothek v4, Es gibt einen Code, der die Bibliothek d3 Version3 nicht mit Version4 funktioniert. Insbesondere ist die Funktion, die folgende

d3.scale.category10().range() 

was der Ersatz für das gleiche in der Version 4

Answer 1

In D3 v4 hat d3.schemeCategory10 mit einer Ordinalskala verwendet werden:

var color = d3.scaleOrdinal(d3.schemeCategory10); 

also den Bereich zurückzukehren:

var colorRange = d3.scaleOrdinal(d3.schemeCategory10).range(); 
 
console.log(colorRange);

<script src="https://d3js.org/d3.v4.min.js"></script>

Abgesehen davon, gibt es mehrere neue Farbschemata, sowohl diskret als auch kontinuierlich: https://github.com/d3/d3-scale-chromatic/blob/master/README.md

Answer 2

übersetzen die Zeile oben auf D3 v4 sein könnte, ersetzen Sie es mit dem folgenden:

d3.scaleOrdinal(d3.schemeCategory10).range() 

Siehe auch die D3 v4 documentation on scales.