{
    "config": {
        "type": "line",
        "data": {
            "labels": ["0", "1", "2", "3", "4", "5", "6", "7", "8"],
            "datasets": [{
                "backgroundColor": "rgba(255, 0, 0, 0.25)",
                "data": [null, null, 0, -1, 0, 1, 0, -1, 0],
                "fill": 1
            }, {
                "backgroundColor": "rgba(0, 255, 0, 0.25)",
                "data": [1, 0, null, 1, 0, null, -1, 0, 1],
                "fill": "+1"
            }, {
                "backgroundColor": "rgba(0, 0, 255, 0.25)",
                "data": [0, 2, 0, -2, 0, 2, 0, null, null],
                "fill": 3
            }, {
                "backgroundColor": "rgba(255, 0, 255, 0.25)",
                "data": [2, 0, -2, 0, 2, 0, -2, 0, 2],
                "fill": "-2"
            }, {
                "backgroundColor": "rgba(255, 255, 0, 0.25)",
                "data": [3, 1, -1, -3, -1, 1, 3, 1, -1],
                "fill": "-1"
            }]
        },
        "options": {
            "responsive": false,
            "spanGaps": false,
            "legend": false,
            "title": false,
            "scales": {
                "xAxes": [{
                    "ticks": {
                        "display": false
                    }
                }],
                "yAxes": [{
                    "ticks": {
                        "display": false
                    }
                }]
            },
            "elements": {
                "point": {
                    "radius": 0
                },
                "line": {
                    "borderColor": "transparent",
                    "tension": 0
                }
            }
        }
    },
    "options": {
        "canvas": {
            "height": 256,
            "width": 512
        }
    }
}