2017-02-09 5 views
1

Ich habe gerade mein erstes Diagramm mit chart.js in Django gemacht. Aber ich kann es nicht mit irgendwelchen Optionen bearbeiten.chart.js django - Optionen funktioniert nicht für Diagramm

The code in template looks like: 
$.get('{% url "line_chart_json" %}', function(data) {  
    var options = {showTooltips: true, tooltipTemplate: "<%= value %>"}; 
    var ctx = $("#myChart").get(0).getContext("2d"); 
    new Chart(ctx).Bar(data, options); 
    }); 

Zum Beispiel, wenn ich ändern. "Neue Diagramm (CTX) Bar (Daten, Optionen);" zu "new Chart (ctx). Linie (Daten, Optionen);" es funktioniert, aber andere Optionen funktionieren nicht.

Vielen Dank für Ihre Hilfe!

+0

Was 'other' Optionen Was funktioniert nicht mehr beschreibend? –

+0

Zum Beispiel funktioniert diese Option: scaleGridLineColor: 'grau', scaleLineColor: 'grau', animationEasing: 'easeOutBounce', aber jede mit TOOLTIP verbundene Option funktioniert nicht. Ich finde auch den Fehler in TooltipTemplate -> es kann nicht <%= value %> sein, weil meine Werte aus Sichtklasse in views.py kommt. Daten funktionieren in Diagramm, aber kann nicht in TooltipTemplate importiert werden :( – TTomasik

Antwort

0

Optionen, die funktionieren: scaleLineColor, scaleGridLineColor, animationEasing. Andere Optionen, insbesondere Tooltips, funktionieren nicht :(Jeder kann helfen?

$ .get ('{% url "line_chart_json"%}', Funktion (Daten) { var ctx = $ ("# myChart"). Get (0) .getContext ("2d");

  var options = { 
      labelColor: "white", 
      showTooltips: true, 
      mutliTooltipTemplate: "TEST", 
      scaleGridLineColor: 'grey', 
      scaleLineColor : 'grey', 
      animationEasing : 'easeOutBounce', 
      legendTemplate: "TEST", 
      } 

      var myChart2 = new Chart(ctx).Line(data, options);     
     }); 

Diagramm sieht wie folgt aus:

Problem mit Tooltips und Legende 1

Verwandte Themen