Как разместить легенду справа от графика Chart.js?

В упор не получается отобразить легенду справа от графика
Вот мой код:

<div style="position: relative; width: 200px; height:200px; ">
    <canvas id="clientFeelingChart" ></canvas>
</div>

<script>
    new Chart(document.getElementById("clientFeelingChart"),{
        "type":"doughnut",
        "data":{
            "labels":["Позитив","Негатив"],
            "datasets":[
                {
                    "data":[20,30],
                    "backgroundColor":["rgb(100, 255, 100)","rgb(254, 100, 100)"]
                }
            ],
            "options":{
                "legend": {
                    "display": true,
                    "position": 'right'
                }
            } // options
        }
    });</script>

<script>

Но легенда все равно сверху...

UPDATE

Разобрался - глупая ошибка
Если приглядеться то массив options находится внутри data - а должен быть рядом )
Вот правильный вариант

<script>
    new Chart(document.getElementById("clientFeelingChart"),{
        "type":"doughnut",
        "data":{
            "labels":["Позитив","Негатив"],
            "datasets":[
                {
                    "data":[20,30],
                    "backgroundColor":["rgb(100, 255, 100)","rgb(254, 100, 100)"]
                }
            ],
        },
            "options":{
                "legend": {
                    "display": true,
                    "position": 'right'
                }
            } // options

    });</script>