在d3中调用自定义函数
Calling a custom function in d3
我正在尝试这个教程,我根本无法获得x(d)。在我使用x(d)之前,其他的都很好。我甚至尝试复制和粘贴这个页面的源代码。
问题是使用x(d),因为如果使用常数而不是x(d),一切都可以工作。我错过了什么?
<div class="chart"></div>
<script src="https//d3js.org/d3.v4.min.js"></script>
<script>
var data = [4, 8, 15, 16, 23, 42];
var x = d3.scale.linear()
.domain([0, d3.max(data)])
.range([0, 420]);
d3.select(".chart")
.selectAll("div")
.data(data)
.enter().append("div")
.style("width", function (d) {
return x(d) + "px";
})
.text(function (d) {
return d;
});
</script>
看完后:https://github.com/d3/d3/blob/master/CHANGES.md#scales-d3-scale
试试这个:
var data = [4, 8, 15, 16, 23, 42];
var x = d3.scaleLinear()
.domain([0, d3.max(data)])
.range([0, 420]);
d3.select(".chart")
.selectAll("div")
.data(data)
.enter().append("div")
.style("width", function (d) {
return x(d) + "px";
})
.text(function (d) {
return d;
});
<div class="chart"></div>
<script src="//d3js.org/d3.v4.min.js"></script>
<script>
相关文章:
- 具有自定义函数调用的 HTML 表单
- 使用 jQuery 对动态创建的元素调用自定义函数
- Angular2 在创建 ngSwitch 新视图后调用自定义函数
- 调用插件外部的自定义函数并传递参数
- jQuery:点击事件后调用自定义函数
- jQuery 在单击时调用自定义函数
- 自定义指令调用$scope函数会导致$rootScope:infdig
- 可能调用的自定义函数列表
- 从ext-js调用javascript自定义函数
- 从Google电子表格自定义函数进行的Ajax调用
- 从firebug控制台调用自定义函数
- 在jQuery事件处理程序中调用自定义函数
- 我没有'我不想两次调用自定义函数
- 当第三方javascript异步函数完成执行时,调用自定义函数
- 是否有一种方法可以在调用对象的未定义函数时调用自定义函数?
- 从源自标签的onclick属性的自定义函数中调用preventdefault的访问事件
- 如何在jqGrid中设置双击函数来调用自定义函数?
- 修改对象属性,然后在javascript自定义函数中调用函数
- 在java脚本中调用自定义函数而不是getfullyear()
- jqgrid中带有自定义函数调用的超链接/按钮