Question

我试图在一个页面中使用dc.js绘制两个等值区域（美国各州和郡）。美国县地图以某种方式变得无形。在检查时，dom元素与路径和填充值一起存在（如图所示）。我可以点击那些不可见的县，并能够按预期影响过滤器。根据cross_filtered数据，填充颜色是准确的。为什么颜色填充不正常？这里缺少什么？

    d3.json(load_geojson_states){

    <code for states json>


    d3.json(load_geojson_county){

        <define dimensions>
        <define group on dimension>

        usChart_cnt
            .width(1000)
            .height(500)
            .dimension(cnt_dim)
            .group(change_p_sqft_cnt_group)
            .colors(d3.scale.quantize().range(["#E2F2FF", "#C4E4FF", "#9ED2FF", "#81C5FF", "#6BBAFF", "#51AEFF", "#36A2FF", "#1E96FF", "#0089FF", "#0061B5"]))
            .colorDomain([0, 30])
            .colorAccessor(function (d) {   /*console.log(d);*/ return d? d.chng_pct:0; })
            .overlayGeoJson(countyJson.features, "county", function (d) {       return d.properties.FIPS;   })
            .valueAccessor(function(kv) {  //console.log(kv);
                     return kv.value;
            })
            .title(function (d) {
                return "County: " + d.key + "\nChange in Price per SqFt:  " + numberFormat(d.value ? d.value.chng_pct : 0) + "%";
            })


        dc.renderAll();

        }

}

Answer 1

通过参考这篇文章解决了这个问题：DC.js choropleth map chart CSS conflicting with colouring, no map showing. How can I turn off the fill:none?

整个问题是因为'county'类被来自dc.js的css过度使用。在按照以下方式更改类名后，我看到值已正确填充：

.overlayGeoJson(countyJson.features, "cnty", function (d) {       return d.properties.FIPS;   })

dc js choropleth map看起来不可见

1 个答案: