@aassdds
Люблю борщ и PHP

Как разместить легенду справа от графика 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>
  • Вопрос задан
  • 698 просмотров
Решения вопроса 1
weranda
@weranda
Может быть надо разместить еще один блок в HTML типа:
<div id/class="Your_Legend_Class/ID"></div>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы