Question

尝试创建一个包含数千个值在10 ^ -7到10 ^ -9范围内的折线图，正在创建折线图，但不是在x轴上填充它。充满了斜边。

我认为问题在于数据，因为在代码中拟合其他一些值似乎很好。这是小提琴：https://jsfiddle.net/43sz9e2d/1/

任何帮助？

html文件：

class Whatever {
    public static varType myVar = initializeClassVariable();

    private static varType initializeClassVariable() {

        // initialization code goes here
    }
}

js file：

   <!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <svg height=400 width=600></svg>
  <title>
    diff colour area chart
  </title>
  <script src="https://d3js.org/d3.v3.min.js"></script>
  <script src="./diff_area_line_graph.js"></script>
  <link rel="stylesheet" type="text/css" href="diff_area_line_graph.css">
</head>
<body>
</body>
</html>

Answer 1

你想要一张面积图。这些变化很简单，它们只是告诉d3沿着轴关闭路径，允许你为填充添加颜色。

https://jsfiddle.net/guanzo/43sz9e2d/2/

var area = d3.svg.area()
    .x(function(d,i){ return x(i)})
    .y0(height)
    .y1(function(d,i){return y(d)})

d3风格填充以一种奇怪的方式填充

1 个答案: