问

d3.js带有负数的折线图

笑意江湖发布于 2023-02-06 01:03

http

我有一个工作的d3.js折线图,呈现线性数字:http://jsfiddle.net/2g9VQ/

    var probArray = ["1.0", "0.999999931839", "0.999816434171", "0.994147880224", "0.961785353466", "0.882923015661", "0.763731336472", "0.627901360001", "0.497594590727", "0.385100568858", "0.256161790111", "0.168894610653", "0.111773057", "0.0747467808441", "0.051065424573", "0.0355360834346", "0.0251527408762", "0.018097770"];
    var imlArray = ["2.0", "4.0", "6.0", "8.0", "10.0", "12.0", "14.0", "16.0", "18.0", "20.0", "23.0", "26.0", "29.0", "32.0", "35.0", "38.0", "41.0", "44.0", "47.0", "50.0", "55.0", "60.0", "65.0", "70.0", "75.0", "80.0", "85.0", "90.0", "95.0", "100.0", "110.0", "120.0", "130.0", "140.0", "150.0", "160.0", "170.0", "180.0", "190.0", "200.0", "220.0", "240.0", "260.0", "280.0", "300.0"];

    function log(n) {
      return Math.log(n) / Math.LN10;
    }
    var data = [];
    for(i=0; i

但是当我将点数更改为对数刻度时,图表无法呈现:http://jsfiddle.net/Z3Yms/

    var probArray = ["1.0", "0.999999931839", "0.999816434171", "0.994147880224", "0.961785353466", "0.882923015661", "0.763731336472", "0.627901360001", "0.497594590727", "0.385100568858", "0.256161790111", "0.168894610653", "0.111773057", "0.0747467808441", "0.051065424573", "0.0355360834346", "0.0251527408762", "0.018097770"];
    var imlArray = ["2.0", "4.0", "6.0", "8.0", "10.0", "12.0", "14.0", "16.0", "18.0", "20.0", "23.0", "26.0", "29.0", "32.0", "35.0", "38.0", "41.0", "44.0", "47.0", "50.0", "55.0", "60.0", "65.0", "70.0", "75.0", "80.0", "85.0", "90.0", "95.0", "100.0", "110.0", "120.0", "130.0", "140.0", "150.0", "160.0", "170.0", "180.0", "190.0", "200.0", "220.0", "240.0", "260.0", "280.0", "300.0"];

    function log(n) {
      return Math.log(n) / Math.LN10;
    }
    var data = [];
    for(i=0; i

我相信这是由于数字沿y轴变为负数.

1 个回答

您将y轴的域设置为
```
y.domain([0, d3.max(data, function(d) { return d.y; })]);
```
具有日志值的将无法工作,因为所有值都小于0.要修复,只需使用
```
y.domain(d3.extent(data, function(d) { return d.y; }));
```
代替.您也可能希望使用线性刻度而不是x轴的时间刻度.在这里完成jsfiddle .
2023-02-06 01:45 回答

但须g婚后

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签