D3.js 着色DC.JS Choropleth图表
正在尝试为DC.JS choropleth图表着色。默认的colorAccessor不起作用,我无法让它起作用。任何帮助都是巨大的。我觉得一些自定义的reduce函数是必要的,但我不太确定如何或在哪里D3.js 着色DC.JS Choropleth图表,d3.js,graph,dc.js,choropleth,graph-coloring,D3.js,Graph,Dc.js,Choropleth,Graph Coloring,正在尝试为DC.JS choropleth图表着色。默认的colorAccessor不起作用,我无法让它起作用。任何帮助都是巨大的。我觉得一些自定义的reduce函数是必要的,但我不太确定如何或在哪里 您没有定义从何处获取值的overlayGeoJson函数 你是这样定义的: overlayGeoJson(statesJson.features ,"zip_area"); 应该是 .overlayGeoJson(statesJson.features ,"zip_area", funct
您没有定义从何处获取值的overlayGeoJson函数 你是这样定义的:
overlayGeoJson(statesJson.features ,"zip_area");
应该是
.overlayGeoJson(statesJson.features ,"zip_area",
function(d){ return d.properties.zip})
现在b'coz上面的函数返回邮政编码,因此d.value
将未定义
.colorAccessor(function(d){ return d.value; })
应该是
.colorAccessor(function (d) { return colors(d); });
我已经为颜色定义了一个线性比例,它的值应该从colorAccessor函数返回
var colors = d3.scale.linear().range(["#E2F2FF", "#C4E4FF", "#9ED2FF", "#81C5FF", "#6BBAFF", "#51AEFF", "#36A2FF", "#1E96FF", "#0089FF", "#0061B5"]);
完整工作代码
希望这有帮助 工作完美。非常感谢你。一遍又一遍地重读这份文件,这个概念从来没有被采纳过。非常感谢。
var colors = d3.scale.linear().range(["#E2F2FF", "#C4E4FF", "#9ED2FF", "#81C5FF", "#6BBAFF", "#51AEFF", "#36A2FF", "#1E96FF", "#0089FF", "#0061B5"]);