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

Question

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

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

基于以下内容，dataset我需要为Control Chart当前正在开发的 Javascript 应用程序生成一个。我知道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
        }]
    }       
}]

}

预期结果应如下所示：.