Question

我已经开始使用D3 funnel api创建基本图表。

我提供了默认的宽度和高度选项，但这些选项尚未应用。任何人都可以建议问题是什么。

这是代码

<!DOCTYPE html>
<html lang='en'>
<head>
  <meta charset='utf-8'>

  <title>dc.js Experiment</title>

  <script src='d3.min.js'></script>
  <script src="d3-funnel.js"></script>


</head>

<body>
<div id="funnel" >

</div>

<script type="text/javascript">
data = [
    ["Grade1",   400],
    ["Grade2", 300],
    ["Grade3",  200],
    ["Grade4",        100]
];
var chart = new D3Funnel("#funnel");
var options = {
                width: 100,   
                height: 50
};
chart.draw(data, options);

</script>

</body>
</html>

Answer 1

选项应该是这样的：

var options = {
  chart: {
    width: 100,   
    height: 50
  }
};

https://jsfiddle.net/LukaszWiktor/wtsk2L97/

D3漏斗图。未应用选项值

1 个答案: