即使域不同,如何使d3比例成比例

时间:2016-08-10 08:46:02

标签: javascript d3.js

以下是示例数据集:

var dataset = [
    {
        x: 0,
        y: 1.188
    },
    {
        x: 22,
        y: 0.822
    },
    {
        x: 72,
        y: 1.366
    },
    {
        x: 82,
        y: 1.163
    },
    {
        x: 111,
        y: 1.601
    }
];

所以,我想要的,例如:Y刻度上0.001到0.002之间的距离在宽度/比例上等于图表上X刻度上从1到2的距离。

我尝试使用线性刻度,但无法达到比例。我不知道是否有一些内置的方法来设置这些东西。

这是一次尝试: http://jsbin.com/goxamemare/8/edit?js,output

所以,如果我正确地得到它以便有相同的刻度而不管域名我需要至少考虑两件事情: 1.对于X和Y,有多少个值(Y刻度为0.001,0.002,X刻度为1,2,3) 2.要设置一个维度,请说明图表的宽度

所以,这样我可以解决:

height : number of values on Y = width : number of values on X scale

例如:

height : 810 = 360px : 300
height = 810 * 1.2
height = 972px

所以我得到Y和X之间的比例滴答。对吧?

0 个答案:

没有答案