Использование порядковой шкалы ('d3.масштаб.порядковый номер') для оси x на гистограмме
у меня есть массив данных, как это:
var data = [{"Alphabet_Type":"a"}, {"Alphabet_Type":"b"}, {"Alphabet_Type":"a"}];
Я использую:
- постоянного тока.js
- crossfilter.js
- d3.js
Я хочу создать диаграммы С:
- ось x, имеющая имя алфавита, и
- ось y, имеющая количество вхождений алфавита.
вопрос: как я могу построить гистограмму с порядковый номер масштаб по оси x?
мой код:
var data = [{"Alphabet_Type":"a"}, {"Alphabet_Type":"b"}, {"Alphabet_Type":"a"}];
var Filter = crossfilter(data);
var Dimension = Filter.dimension(function (d) { return d.Alphabet_Type; });
var Group = Dimension.group();
dc.barChart("#bar-chart")
.width(800)
.height(275)
.transitionDuration(0)
.margins({ top: 10, right: 50, bottom: 30, left: 40 })
.dimension(Dimension)
.group(Group)
.elasticY(false)
.elasticX(false)
.x(d3.scale.linear().domain([-1, 10]))
.y(d3.scale.linear().domain([0, 5]))
.centerBar(true)
.renderHorizontalGridLines(true)
.renderVerticalGridLines(true)
.brushOn(false);
наконец, у меня есть еще одна проблема, которая заключается в том, что Alphabet_Type
не будет иметь значения прогнозируемых. Поэтому мне нужно получить значения для Alphabet_Type
via crossfilter.js и включить эти значения в домен. Как я могу это сделать?
2 ответов
две вещи:
- передать
dc.units.ordinal
в качестве параметра.xUnits()
. - передать порядковой шкале
добавлять
.x(d3.scale.ordinal().domain(data.map(function (d) {return d.Alphabet_Type; })))
решена проблема.