d3JS Гистограмма с порядковой шкалой

Я пытаюсь получить гистограмму D3JS, работающую с порядковой шкалой (в данном случае это символы оценки учеников (A+, A, B ... F).

Вот минимальный рабочий пример:

<!DOCTYPE html>
<meta charset="utf-8">

<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
    var studentSymbols = ["F", "E", "D", "C", "C", "C", "C", "B", "B", "A", "A+"];

    var x = d3.scale.ordinal()
        .domain(["F", "E", "D", "C", "B", "A", "A+"])
        .rangeRoundBands([0, width]);

    // Generate a histogram using twenty uniformly-spaced bins.
    var myHistogram = d3.layout.histogram()
        (studentSymbols);

    console.log(myHistogram)
</script>
</body>

При выполнении вышеизложенного консоль выводит массив из 5 массивов с полями dx и x, равными NaN.

Как мне исправить этот код?

Источник

1 ответ

Решение

Я думаю, что я, возможно, понял это. Я изменил объявление myHistogram на:

    var myHistogram = d3.layout.histogram()
        (studentSymbols.map(x));
Источник
Другие вопросы по тегам