D3.js中传奇的领域

Question

我是D3排行榜的初学者，并努力快速接收它。 我正在制作带有图例的热图图表，目前看起来很完美。由于我在图例中对域值进行了硬编码，因此当域更改或其动态时会发生什么？ 我们如何将d3图表中的域链接到变量数据集？

Answer 1

您希望使用d3的scale函数将最小/最大边界映射到域/范围：

Setting Scales Domains and Ranges in d3.js

Answer 2

d3js使用比例来操纵数据。

var xScale = d3.scale.linear(); // defining scale

xScale.domain([minVal, maxVal]) //minVal & max are  minimum value of your data

xScale.range([0, 100]) // actual svg width that you want to assign to your domain

如果您要更改数据，则必须更改比例的域并重新绘制图表。