Chartkick Kreisdiagramm, das bei Verwendung von Bibliotheksoptionen keine Prozentsätze anzeigt

8

In meiner ROR möchte ich Prozentsätze zu meinem Kreisdiagramm hinzufügen. Ich verwende den Edelstein chartkick , um das Kreisdiagramm darzustellen. Ich habe verschiedene Ansätze für das Problem versucht, aber keine scheint zu funktionieren. Ich habe auch gegoogelt und ähnliche Beiträge beim Stack-Überlauf betrachtet.

Das ist, was ich mir ausgedacht habe, aber es zeigt nicht%.

%Vor%

Ich habe auch diesen Ansatz versucht, aber immer noch mit einem Glück

%Vor%

Bitte kann mir jemand erfahrener dabei helfen?

UPADATE FÜR OSCARS ANTWORT

Ich habe die Anweisungen für Oscars Antwort befolgt, aber es zeigt immer noch nicht%.

So sieht das <head> in application.html.erb aus:

%Vor%

und das appplication.js ist wie folgt:

%Vor%     
Slowboy 07.09.2017, 12:12
quelle

2 Antworten

4

Ich hatte ein ähnliches Problem damit. So bietet Chart.bundle nicht diese Optionen für Kreisdiagramm

Stattdessen können Sie Google Charts wie in der Dokumentation hier

angegeben verwenden

Sie müssen also //= require Chart.bundle aus application.js

entfernen

Gehen Sie zu application.html.erb oder dem Layout, das Sie zum Anzeigen Ihrer Ansicht verwenden, und bevor <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> oder etwas ähnliches, das Sie zum Laden von js libs haben, fügen Sie <%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %> hinzu. Es sieht so aus:

%Vor%

Und es gibt !. Auch habe ich bemerkt, dass Sie ein "]" bei Ihrem Code vermissen. Korrigieren, dass Sie das Diagramm mit diesem ausführen können:

%Vor%

Sie sollten die Prozentsätze sehen können, ohne irgendwelche Optionen hinzuzufügen

Wenn Sie die Diagrammoptionen anpassen möchten, können Sie die Dokumentation hier

sehen

EDIT: Ihr application.js sollte so aussehen

%Vor%

Und dein application.html.erb or the layout that you are using at your controller like dies (lösche das highcharts.js include_tag am Ende, du brauchst es nicht):

%Vor%     
Oscar Luza 09.09.2017 21:18
quelle
3

hey Sie können etwas besseres finden hier

Meiner Meinung nach können Sie diesen Code ausprobieren. Statt dessen

%Vor%

Sie können dies versuchen

%Vor%

Hey, du kannst puth unter den Code in deiner Kopfzeile setzen.

%Vor%     
Ronak Bhatt 07.09.2017 12:22
quelle