ebody: chart.js - Typ "Line" in "Bar" ändern - Balken werden nur halb dargestellt

Beitrag lesen

Hallo,

ich möchte über einen Button den Diagramm Typ ändern. Der Typ zu Beginn ist "Line". Klicke ich auf Bar, werden die Balken links und rechts nur zur Hälfte (der Breite) angezeigt.

Hier gibt es eine Lösung und der entscheidende Unterschied (zu meinem Script), damit die Balken vollständig angezeigt werden, scheint myChart.destroy(); zu sein.

Ich ändere den Diagramm Typ mit diesem Script:

// Code Verkürzt dargestellt, um das nur Nötigste zu zeigen
var ctx = $('#myChart');
var myChart= new Chart(ctx, {
    type: 'line',
    data: data,
    options: options
});

// Line 
$('#line_chart').click(function(){
    myChart.config.type = 'line';
    myChart.update();
});

// Bar
$('#bar_chart').click(function(){
    myChart.config.type = 'bar';
    myChart.update();
});

Gibt es evtl. eine andere Lösung, wo man nur eine Angabe in data oder options machen muss, damit die Balken vollständig dargestellt werden?

Gruß ebody