Wie man Farbe in der Legende angular-chart.js

dem letzten Beispiel in dieser Abschnitt von angular-chart.js die Dokumentation zeigt eine pie/polar-Diagramm-Beispiel mit einer farbigen Legende. Natürlich, dies sollte meine Antwort, aber:

Ich habe diesen code für meine frontend (das ist so ziemlich das gleiche wie in der doc):

<canvas id="base" 
        class="chart-pie" 
        chart-type="type" 
        chart-data="data" 
        chart-labels="labels" 
        chart-legend="true">
</canvas>

Habe ich auch die gleichen Daten und Etiketten. Aber leider ist die Legende von der gerenderte plot besteht aus-Liste-Kugel-Punkte, und die Etiketten (siehe beigefügtes Bild) Dies geschieht, um alle Diagramme, die ich mit dieser Bibliothek.
Weiß jemand dieses Verhalten oder (besser noch) keine Lösung für das problem?

Ich bin mit Winkel - /Maschinenschrift und gebunden dem DefinitelyTyped Datei in mein Projekt.

Wie man Farbe in der Legende angular-chart.js

EDIT: ich bin nicht bereit zu definieren, alle Farben durch mich! Das Diagramm erhält seine eigenen Farben mit sich. Wir sollten lassen Sie es so.

  • Es scheint, Sie sind fehlt der Verweis auf ein Stylesheet in der html-Datei angular-chart.css
  • Ha! Zuerst möchte ich schreiben, " ich fürchte nicht.' Und ich habe nicht (vergessen), aber hat falsch schreiben den Weg in meine Kemenate Komponenten. Danke für den Hinweis, Sie @cleftheris definitiv made my day!
  • Werfen Sie einen Blick auf diese Frage, vielleicht helfen Sie stackoverflow.com/questions/37107708/...
InformationsquelleAutor Robert Kirsten | 2015-11-09
  1. 2

    Scheint es, fehlt der Verweis auf ein Stylesheet in der html-Datei. angular-chart.css

    InformationsquelleAutor cleftheris
  2. 1

    Habe ich Folgendes:

    $ git clone https://github.com/jtblin/angular-chart.js.git
$ npm install
$ bower install

    Dann öffnen angular-chart.js\examples\charts.html

    Ändern

    <canvas id="pie" class="chart chart-pie chart-xs" chart-data="data" chart-labels="labels"></canvas>

    zu

    <canvas id="pie" class="chart chart-pie chart-xs" chart-data="data" chart-labels="labels" chart-legend="true"></canvas>

    Und das Diagramm hat eine Legende mit Farben. Dein CSS scheint anders zu sein als die, die in der offiziellen distribution.

    InformationsquelleAutor Martin Vseticka
Schreibe einen Kommentar