Chart.js v2 ile grafiklerde göstergeyi kaldırma

Question 1

Bootstrap, JQuery ve Chart.js (v2) kullanarak bir ana sayfa oluşturuyorum. Uygulamamı v1 kullanarak çalıştırdım, ancak son zamanlarda Bower'a girdim ve onu kullanarak v2'yi indirdim.

Her biri bir pasta grafik içeren 4 sütundan oluşan bir ızgara oluşturuyorum, ancak v2'deki ölçeklendirme çalışmaya başlamak için biraz kafa karıştırıcı. Grafiklerin duyarlı olmasını istiyorum, böylece tabletler ve akıllı telefonlar gibi daha küçük cihazlarla düzgün şekilde ölçeklenebilsinler ve problemlerimden biri, fareyi bölümlerimin üzerine getirdiğinizde grafiklerin göstergesinin yanı sıra fareyle üzerine gelme bilgilerinden kurtulmaktır. grafik.

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,
    });
});

Boş "etiketler" alanını kaldırırsam grafik artık çalışmıyor. Görünüşe bakılırsa, grafiğin üst kısmında başlıkların yazıldığını gösteren küçük bir boşluk vardır, ancak bunlar sadece boş dizelerdir.

Efsanenin nasıl kaldırılacağı ve fareyle üzerine gelme açıklaması hakkında bir fikri olan var mı? Bunun nasıl kullanıldığını anlayamıyorum

Zamanım olur olmaz ellerimi bir jsfiddle'ın etrafından dolaştıracağım!

DÜZENLEME: Dokümanlara bağlantı: https://nnnick.github.io/Chart.js/docs-v2/#getting-started

Question 2

Yeni Grafik nesnesi oluşturulduğunda seçenekler nesnesi grafiğe eklenebilir.

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

Question 3

Varsayılan seçenekleri Chart.defaults.globaljavascript dosyanızda kullanarak değiştirebilirsiniz . Yani gösterge ve araç ipucu seçeneklerini değiştirmek istiyorsunuz.

Göstergeyi kaldır

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

Araç İpucunu Kaldır

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

İşte çalışan bir kemancı.

Question 4

Bu satır açıklamasını eklemeniz yeterlidir: {display: false}