如何使用D3.js生成控制图？

Question

我需要一个解决方案来代表D3.js中的以下数据

理想情况下，图表应与下面的示例类似。

基于以下dataset我需要为当前正在处理的Javascript应用程序生成Control Chart。我知道D3.js有很多图表类型，但无法找到最适合数据的图表类型。一些示例代码会很棒。

Json格式的数据集

{
"results": [
{
    "individualValues": 
    {
        "usl": 57.84,
        "nom": 47.7,
        "lsl": 37.56,
        "readings": [
        {
            "date": "2017-01-01T00:00:00.000Z",
            "value": 46.09
        },
        {
            "date": "2017-01-01T01:00:00.000Z",
            "value": 49.12
        },
        {
            "date": "2017-01-01T02:00:00.000Z",
            "value": 51.67
        },
        {
            "date": "2017-01-01T02:00:00.000Z",
            "value": 45.67
        }]
    }       
},

{
    "movingRangeValues": 
    {
        "usl": 12.46,
        "nom": 3.81,
        "lsl": 0,
        "readings": [
        {
            "date": "2017-01-01T00:00:00.000Z",
            "value": 3.09
        },
        {
            "date": "2017-01-01T01:00:00.000Z",
            "value": 1.12
        },
        {
            "date": "2017-01-01T02:00:00.000Z",
            "value": 7.67
        },
        {
            "date": "2017-01-01T02:00:00.000Z",
            "value": 1.67
        }]
    }       
}]

}

预期结果应如下所示：。