Chart.js-添加新的图例标签时,图表越来越小

时间:2018-11-12 09:55:52

标签: javascript chart.js

我在这里有一个图表,可以动态添加或删除图例标签的数量。这是我的代码:

var ctx_2 = document.getElementById().getContext('2d');
var data_2 = {
    datasets: [{
        data: <?php echo $layanan_subbagian_encode ?>,
        backgroundColor: [
            '#00c0ef',
            '#f56954',
            '#00a65a',
            '#f39c12',
            '#3c8dbc',
            '#d2d6de'
        ],
    }],
    labels: <?php echo $label_encode ?>
};
var myDoughnutChart_2 = new Chart(ctx_2, {
    type: 'doughnut',
    data: data_2,
    options: {
        responsive: true,
        maintainAspectRatio: false,
        legend: {
            position: 'bottom',
            labels: {
                boxWidth: 12,
                fontSize: 12
            }
        },
    }
});

随着图例数量的增加,我的图表越来越小。我的问题是即使增加图例标签的数量也如何保持图表大小?谢谢。

0 个答案:

没有答案