반응형
포착되지 않은 TypeError : 정의되지 않은 'linear'속성을 읽을 수 없습니다.
D3를 처음 사용하고 데모 스크립트에서 다음 오류가 발생합니다.
FirstD3.jsp : 31 Uncaught TypeError : undefined 속성 'linear'를 읽을 수 없습니다.
내 데모 코드는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<title>Linear Scales</title>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
var dataset = [
[ 5, 20 ],
[ 460, 90 ],
[ 250, 50 ],
[ 100, 33 ],
[ 330, 95 ],
[ 410, 12 ],
[ 468, 44 ],
[ 25, 67 ],
[ 85, 21 ],
[ 220, 88 ]
];
var w = 500;
var h = 100;
var xScale = d3.scale.linear()
.domain([0, d3.max(dataset, function(d) { return d[0]; })])
.range([0, w]);
var yScale = d3.scale.linear()
.domain([0, d3.max(dataset, function(d) { return d[1]; })])
.range([0, h]);
var svg = d3.select("body")
.append("svg")
.attr("height", h)
.attr("width", w);
svg.selectAll("circle")
.data(dataset)
.enter()
.append("circle")
.attr("cx", function (d) {
return xScale(d[0]);
})
.attr("cy", function(d) {
return yScale(d[1]);
})
.attr("r", function (d) {
return Math.sqrt(h-(d[1]));
});
svg.selectAll("text")
.data(dataset)
.enter()
.append("text")
.text(function (d) {
return d[0]+","+d[1];
})
.attr("x", function (d) {
return xScale(d[0]);
})
.attr("y", function (d) {
return yScale(d[1]);
})
.attr("font-size", "11px")
.attr("fill", "red");
</script>
</body>
</html>
이 오류의 원인은 무엇입니까? 그리고 그것을 해결하는 방법
D3 v4 에서는 더 이상 이름이 d3.scale.linear(). d3.scaleLinear()대신 사용하십시오 .
답변 주셔서 감사합니다. 다음 코드에서이 오류를 해결했습니다 (D3.js를 공부하고 있습니다).
var colorScale = d3.scale.linear().domain([0, 100]).range(["#add8e6", "blue"]);
다음 오류 (웹 페이지 내부) :
Uncaught TypeError: Cannot read property 'linear' of undefined at index.html:22
반응형
'Nice programing' 카테고리의 다른 글
| Android Google Maps API V2 현재 위치로 확대 (0) | 2020.11.06 |
|---|---|
| 조건이 충족되면 Numpy 요소 교체 (0) | 2020.11.06 |
| Jquery 양식 필드 값 가져 오기 (0) | 2020.11.06 |
| C ++ 클래스에서 정적 변수를 초기화 하시겠습니까? (0) | 2020.11.06 |
| Chrome Fullscreen API (0) | 2020.11.06 |