图表js最大图例数

时间:2016-04-26 08:06:22

标签: javascript charts max legend

我想知道如何修正最大数量的图例。

如果这是不可能的,我想隐藏所有传说

谢谢

我的代码............................................. .................................................. ..........................................

        var context = $('#withoutHangUpChart');

        var labels = [];
        var data = [];
        var backgroundColor = [];
        var hoverBackgroundColor = [];

        $.each(json, function (key, value) {
            labels.push(value.label);
            data.push(value.value);
            backgroundColor.push(value.color);
            hoverBackgroundColor.push(value.highlight);
        });

        // Simulation of many legends
        for (var i = 0; i < 20; i++) {
            labels.push(i + ' legend useless');
        }

        var data = {
            labels: labels,
            datasets: [{
                data: data,
                backgroundColor: backgroundColor,
                hoverBackgroundColor: hoverBackgroundColor
            }]
        };

        var options = {
                responsive: true
        };

        $.gWithoutHangUpChart = new Chart(context, {
            type: 'pie',
            data: data,
            options: options
        });

1 个答案:

答案 0 :(得分:0)

在当前版本的chartjs(2.6)中,您可以通过更改选项来摆脱图例。

var options = {
    responsive =true,
    legend: {
        display: false
    }
}