d3 比例尺

2024-09-24 04:09:22 217人阅读

.domain([100, 500]) 定义域范围
.range([10, 350]) 值域范围

var scale = d3.scale.linear()
            .domain([100, 500])
            .range([10, 350]);

将100-500的范围映射到10-350范围当中

d3.max(dataset,function(d){return d[0]});

返回最大的x轴

var xScale = d3.scale.linear()
             .domain([0, d3.max(dataset, function(d) { return d[0]; })])
             .range([0, w]);

var yScale = d3.scale.linear()
             .domain([0, d3.max(dataset, function(d) { return d[1]; })])
             .range([0, h]);

分别生成xScale和yScale缩放函数

.attr("cx", function(d) {
    return d[0];
})

根据d的数据返回坐标

.attr("cx", function(d) {
    return xScale(d[0]);
})

将x坐标经过xScale的缩放后返回

d3 比例尺

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们