내가 TSV 파일 형식 그는 reduceCount 기능을 사용 leaflet.js yurukov's dc.leaflet.js example에서leaflet.js에 직류의 reduceSum를 사용하는 방법
에 대한 crossfilter의 reduceSum 기능을 사용할 수있는 방법. 하지만 reduceSum을 사용하여 데이터 합계를 사용하고 싶습니다.
여기 TSV로 내 데이터를 수 있습니다 :
type geo say
wind 38.45330,28.55529 10
wind 38.45330,28.55529 10
solar 39.45330,28.55529 10
여기 내 코드입니다 :
<script type="text/javascript" src="../js/d3.js"></script>
<script type="text/javascript" src="../js/crossfilter.js"></script>
<script type="text/javascript" src="../js/dc.js"></script>
<script type="text/javascript" src="../js/leaflet.js"></script>
<script type="text/javascript" src="../js/leaflet.markercluster.js"></script>
<script type="text/javascript" src="../js/dc.leaflet.js"></script>
<script type="text/javascript">
/* Markers */
d3.csv("demo1.csv", function(data) {
drawMarkerSelect(data);
});
function drawMarkerSelect(data) {
var xf = crossfilter(data);
var facilities = xf.dimension(function(d) { return d.geo; });
var facilitiesGroup = facilities.group().reduceSum(function(d){return d.say});
dc.leafletMarkerChart("#demo1 .map")
.dimension(facilities)
.group(facilitiesGroup)
.width(1100)
.height(600)
.center([39,36])
.zoom(6)
.cluster(true);
var types = xf.dimension(function(d) { return d.type; });
var typesGroup = types.group().reduceSum(function(d){return d.say});
dc.pieChart("#demo1 .pie")
.dimension(types)
.group(typesGroup)
.width(200)
.height(200)
.renderLabel(true)
.renderTitle(true)
.ordering(function (p) {
return -p.value;
});
dc.renderAll();
}
</script>
는하지만이 작동하지 않습니다. reduceSum은 어떻게 사용할 수 있습니까? 그건 그냥 다른 crossfilter 기능이기 때문에
감사
고든 (Gordon)은 탭 분리 값인 데이터의 가장 중요한 문제를 확인했지만 위의 예에서 'd3.csv()'는 쉼표로 구분 된 값을 찾고 있습니다. Sidenote : 값이 숫자 대 문자열인지 확인 했습니까? – kwah