javascript - dygraph 1.1.1 似乎错误地检测数据源的范围值

Question

我一直在努力弄清楚如何让图文与我的数据完美配合。当它渲染图表时，它会切断显示中的大部分线条。但是，如果我向左滚动(Shift + 拖动)一点，它会重新缩放 View 并包含所有数据。看起来图表末尾的下降扭曲了图表的 View 。

这真的很简单，我这里有一个示例数据文件:http://pasamio.com/~pasamio/dygraph/sample_data.json

这是我用来拉入它的东西:

var dataURL = "http://pasamio.com/~pasamio/dygraph/sample_data.json";
var jsonData = null;

var jsonDataResult = $.ajax({
    url: dataURL,
    dataType: "json",
    async: false,
    success: (
        function(data) {
            jsonData = data;
        })
});

var data = new google.visualization.DataTable(jsonData);

var g = new Dygraph.GVizChart(document.getElementById("dg_div"));
g.draw(data, {"panEdgeFraction" : 0.1});

我这里有一个 jsfiddle 示例，它显示了错误的情况:https://jsfiddle.net/g6b6jp9z/5/

知道这里发生了什么吗？

Answer 1

如danvk suggested ，解决方案是更改将数字括在引号中，导致它们被视为字符串，而在 JSON 输出中只是裸数字。再次感谢 danvk :)

原始文件包含以下部分:

"c": [
    {
        "v": "Date(2016, 10,  27, 00, 00, 00)"
    },
    {
        "v": "548"
    },
    {
        "v": "165"
    },
    {
        "v": "57"
    },
    {
        "v": "39"
    },
    {
        "v": "29"
    },
    {
        "v": "6"
    },
    {
        "v": "1"
    }
]

工作版本如下所示:

"c": [
    {
        "v": "Date(2016, 10,  27, 00, 00, 00)"
    },
    {
        "v": 548
    },
    {
        "v": 165
    },
    {
        "v": 57
    },
    {
        "v": 39
    },
    {
        "v": 29
    },
    {
        "v": 6
    },
    {
        "v": 1
    }
]