小编Pau*_*ulo的帖子

d3.scale.ordinal 的问题

我有以下代码:

var dados = [
    ["Brasil", 20], 
    ["Canadá", 31],
    ["Japão", 29],
    ["USA", 126],
    ["Inglaterra", 81],
    ["Nova Zelândia", 25],
    ["Turquia", 34]
];

dados.sort(function(a, b) { return b[1] - a[1]; });

/* Chart Area */
var chart = d3.select("body").append("svg")
    .attr("class", "grafico")
    .attr("width", 700)
    .attr("height",300);    

/* Define X-axis */
var x = d3.scale.linear()
    .domain([0, d3.max(dados)[1] ])
    .range([0, 500]);    

/* Define Y-axis */
var domainY = dados.map(function(d) {return d[0];})
var y = d3.scale.ordinal()
    .domain(domainY)
    .rangeBands([0, 300]);

var yAxis = d3.svg.axis()
    .scale(y)
    .orient("left")
    .tickSize(0);

/* …
Run Code Online (Sandbox Code Playgroud)

javascript charts axis d3.js

3
推荐指数
1
解决办法
5115
查看次数

标签 统计

axis ×1

charts ×1

d3.js ×1

javascript ×1