Что такое d3.scale.category10(). Range() в версии 4

Question

Я использую библиотеку d3 graph v4, существует код, который использует библиотеку d3 version3, не работающую с версией4. В частности, функция заключается в следующем

d3.scale.category10().range() 

что может быть заменой для того же в версии 4

Answer 1

В D3 v4, d3.schemeCategory10 должен быть использован с порядковой шкале:

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

Таким образом, чтобы вернуть диапазон:

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

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

Кроме того, имеются несколько новых цветовых схем, как дискретных, так и непрерывных: https://github.com/d3/d3-scale-chromatic/blob/master/README.md

Answer 2

Чтобы перевести строку выше D3 v4, замените его следующим образом:

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

См. Также D3 v4 documentation on scales.