发出Chartjs响应式

时间:2018-07-10 11:02:54

标签: javascript html css chart.js

我的图形出现问题,不想响应。 尽管如此,我还是在选项中加入了响应式选项。 你能帮助我,我不知道如何解决这个问题吗?

JSFiddle

这是我的图表功能:

function chartPieLegend(data, id, titre){
$(document).ready(function() {
            var ctx = document.getElementById(id).getContext("2d");
            var myPieChart = new Chart(ctx,{
                type: 'pie',
                data: data,
                options: {
                    title: {
                        display: true,
                        text: titre,
                        fontSize: 14,
                        fontColor: '#333',
                    },
                    legend: {
                        display: true,
                        fontSize: 10,
                        labels:{fontSize:10},
                    },
                    pieceLabel: {
                        render: 'percentage',
                        fontSize: 10,
                    },
                    responsive: true,
                }
            });
});

}

这是该图在我的网站上的表示形式:

Image

0 个答案:

没有答案