Удаление легенды на диаграммах с диаграммой.в JS v2 для

Question

Удаление легенды на диаграммах с диаграммой.в JS v2 для

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

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

.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>

функции.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, как только я получу время!

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

447 2

jQuery javascript css chart.js2

2 ответов:

Comments

Ничего не найдено.

BrightIntelDusk · Accepted Answer · 2016-08-20 07:46:03

объект options может быть добавлен в диаграмму при создании нового объекта диаграммы.
var chart1 = new Chart(canvas, {
    type: "pie",
    data: data,
    options: {
         legend: {
            display: false
         },
         tooltips: {
            enabled: false
         }
    }
});

cmlonder · Accepted Answer · 2016-04-22 14:49:52

вы можете изменить параметры с помощью Chart.defaults.global в вашем файле javascript. Таким образом, вы хотите изменить легенду и всплывающие подсказки.

удалить легенду
Chart.defaults.global.legend.display = false;
Удалить Всплывающая Подсказка
Chart.defaults.global.tooltips.enabled = false;
здесь рабочая скрипач.