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

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

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

<!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 массивов, с дх и х полей равен NaN

Как я должен исправить этот код

источник

2015-03-28 Bradley Marques

я думаю.? у меня может быть догадаться. Я изменил декларацию myHistogram на:

var myHistogram = d3.layout.histogram() 
     (studentSymbols.map(x));

источник

2015-03-28 14:31:14

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

ответ

Смежные вопросы