相关疑难解决方法(0)

在条形图中使用序数比例('d3.scale.ordinal')作为x轴

我有一个这样的数据数组:

var data = [{"Alphabet_Type":"a"}, {"Alphabet_Type":"b"}, {"Alphabet_Type":"a"}];
Run Code Online (Sandbox Code Playgroud)

我在用:

  • dc.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);
Run Code Online (Sandbox Code Playgroud)

最后,我有另一个问题,那Alphabet_Type就是没有可预测的值.所以我需要获取Alphabet_Typevia crossfilter.js的值并将这些值合并到域中.我怎样才能做到这一点?

javascript bar-chart d3.js crossfilter dc.js

18
推荐指数
2
解决办法
2万
查看次数

标签 统计

bar-chart ×1

crossfilter ×1

d3.js ×1

dc.js ×1

javascript ×1