Удаление легенды на диаграммах с помощью chart.js v2

Я делаю домашнюю страницу, используя Bootstrap, JQuery и Chart.js(v2). У меня была реализация, использующая v1, но недавно только что попала в Bower и загрузила v2, используя это.

Я создаю сетку из 4 столбцов, каждая из которых содержит круговую диаграмму, однако масштабирование в v2 несколько сбивает меня с толку, чтобы работать. Я хочу, чтобы диаграммы реагировали так, чтобы они масштабировались должным образом с меньшими устройствами, такими как планшеты и смартфоны, и одна из моих проблем - избавиться от легенды о диаграммах, а также информацию о наведении курсора при наведении указателя мыши на разделы моего график.

index.html

<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-3">
                <canvas id="chart1"></canvas>
            </div>
            <div class="col-xs-3">
                <canvas id="chart1"></canvas>
            </div>
            <div class="col-xs-3">
                <canvas id="chart1"></canvas>
            </div>
            <div class="col-xs-3">
                <canvas id="chart1"></canvas>
            </div>
        </div>
    </div>
</body>

functions.js

$(document).ready(function(){
    var canvas = $("#chart1");
    var data = {
        labels: [],
        datasets: [{
            data: [10, 10],
            backgroundColor: ["#F7464A", "#FDB45C"],
            hoverBackgroundColor: ["#FF5A5E", "#FFC870"]
        }]
    };

    var chart1 = new Chart(canvas, {
        type: "pie",
        data: data,
    });
});

Если я удалю пустое поле "метки", диаграмма больше не работает. И по внешнему виду это небольшое расстояние в верхней части диаграммы, которое может указывать на то, что заголовки написаны, но они просто пустые строки.

У кого-нибудь есть идея, как удалить легенду и описание наведения? Я просто не могу понять, как это используется

Я возьму руки за jsfiddle, как только у меня найдется время!

EDIT: ссылка на документы: https://nnnick.github.io/Chart.js/docs-v2/#getting-started

Ответ 1

Объект options может быть добавлен в диаграмму при создании нового объекта диаграммы.

var chart1 = new Chart(canvas, {
    type: "pie",
    data: data,
    options: {
         legend: {
            display: false
         },
         tooltips: {
            enabled: false
         }
    }
});

Ответ 2

Вы можете изменить параметры, используя Chart.defaults.global в вашем файле javascript. Поэтому вы хотите изменить параметры легенды и подсказки.

Удалить легенду

Chart.defaults.global.legend.display = false;

Удалить подсказку

Chart.defaults.global.tooltips.enabled = false;

Здесь - рабочий скрипач.

Ответ 3

Вам просто нужно добавить эту строку легенда: { дисплей: ложь }