Chart.js/test/fixtures/controller.line/point-style.json

{
    "config": {
        "type": "line",
        "data": {
            "labels": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
            "datasets": [{
                "borderColor": "transparent",
                "data": [3, 3, 3, 3, 3, 3, 3, 3, 3, 3],
                "pointBackgroundColor": "#00ff00",
                "pointBorderColor": "transparent",
                "pointBorderWidth": 0,
                "pointStyle": [
                    "circle",
                    "cross",
                    "crossRot",
                    "dash",
                    "line",
                    "rect",
                    "rectRounded",
                    "rectRot",
                    "star",
                    "triangle"
                ]
            }, {
                "borderColor": "transparent",
                "data": [2, 2, 2, 2, 2, 2, 2, 2, 2, 2],
                "pointBackgroundColor": "transparent",
                "pointBorderColor": "#0000ff",
                "pointBorderWidth": 1,
                "pointStyle": [
                    "circle",
                    "cross",
                    "crossRot",
                    "dash",
                    "line",
                    "rect",
                    "rectRounded",
                    "rectRot",
                    "star",
                    "triangle"
                ]
            }, {
                "borderColor": "transparent",
                "data": [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
                "pointBackgroundColor": "#00ff00",
                "pointBorderColor": "#0000ff",
                "pointBorderWidth": 1,
                "pointStyle": [
                    "circle",
                    "cross",
                    "crossRot",
                    "dash",
                    "line",
                    "rect",
                    "rectRounded",
                    "rectRot",
                    "star",
                    "triangle"
                ]
            }]
        },
        "options": {
            "responsive": false,
            "legend": false,
            "title": false,
            "scales": {
                "xAxes": [{"display": false}],
                "yAxes": [{
                    "display": false,
                    "ticks": {
                        "min": 0,
                        "max": 4
                    }
                }]
            },
            "elements": {
                "line": {
                    "fill": false
                },
                "point": {
                    "radius": 16
                }
            },
            "layout": {
                "padding": {
                    "left": 24,
                    "right": 24
                }
            }
        }
    },
    "options": {
        "canvas": {
            "height": 256,
            "width": 512
        }
    }
}