Tag: chart.js
Chart.js ist eine JavaScript-Bibliothek zum erstellen von animierten, interaktiven Diagrammen für die Aufnahme auf die web-Seiten
Chart.js - Erstellen mehrerer Diagramme auf einer Seite
1 Antworten
Möchte ich nutzen, chart.js in meiner joomla-Komponente namens "bestia". Zu tun, so dass ich importiert chart.js als media-element in der manifest.xml. Ich rufe die js wie folgt: JHtml::script(Juri::root() . 'media/com_hostinghelden/chartjs/Chart.js'); Nun würde ich gerne auf einen Helfer
Chart.js v2.6: Fügen Sie Pfeile, um Kreisdiagramm-output-Werte
1 Antworten
Ich bin mit Chart.js v2.6 zur Ausgabe eines Kreisdiagramms. Die Daten aus der MySQL-Datenbank. Der chart stellt richtig, aber ich muss hinzufügen Pfeile, um Daten-Werte, wie in der Abbildung unten gezeigt. Beispiel Kreisdiagramm mit Pfeilen: Unten ist
Chart.js zeigt die Uhrzeit (HH:MM:SS - 24-Stunden-Uhr) auf der x-Achse
3 Antworten
Habe ich eine .Net-Core-Anwendung, in der ich bin-Zeichnung ein Diagramm mit Werten für einige Messungen, die während der Zeit des Tages. Mein "Zeit" - Objekt ist in der Unix-Zeit mit Millisekunden (z.B. 1502258405000). Ich habe es geschafft,
Chart.js 2.0: Wie ändern Sie den Titel der QuickInfo
1 Antworten
Verzeihen Sie mir für mein manchmal schlechtes Englisch. Holländisch ist meine Muttersprache. Habe ich einen Chart.js linechart das zeigt mir, meinen Energieverbrauch berichtete von meinem main power smart meter. Ich habe es fast so wie ich will,
Wie zum hinzufügen eines Titels innerhalb Ringdiagramm in Winkel-Diagramm?
3 Antworten
Ich bin mit einem Ringdiagramm in Winkel-Diagramm. Ich möchte einige text in der Mitte des Donut. Ich habe gelesen, diese Frage ist Antworten, aber keiner von Ihnen arbeitet für mich, weil ich die tooltips und aus irgendeinem
Chart.js - gewusst Wie: Hinzufügen von Text in der Mitte des Diagramms?
2 Antworten
Ich bin mit Chart.js zum erstellen dieses Diagramms Zeile: Aber ich brauche für die Beschriftung der Zonen, so etwas wie dieses: Irgendwelche Ideen? InformationsquelleAutor Thomas Fifield | 2015-06-02
customizing-tooltip chart.js bar chart
1 Antworten
Ich würde gerne die QuickInfo anpassen, auf eine chart.js Balkendiagramm. Das ist mein code: $(function () { var barData = no_houses_person var barOptions = { scaleBeginAtZero: true, scaleShowGridLines: true, scaleGridLineColor: "rgba(0,0,0,.05)", legend: { display: true, position: 'top'
Chart.js nicht zeigt in meiner Sicht
2 Antworten
Habe ich eine app läuft mit angular.js und einer meiner Ansicht sollte das laden einer Grafik. Ich bin mit chart.js für Sie, aber aus irgendeinem Grund funktioniert es nicht und es wird kein Fehler gezeigt, auf meiner
Wie stellen Sie die Farben für Chart.js tooltip-Beschriftungen
6 Antworten
In Chart.js ich bin nicht in der Lage, um eine Farbe für den tooltip.Ich möchte die Farbe das label "Dezember 2016" die gleiche wie die Farbe der Legende (Blau). Siehe unten; graphOptions.tooltips = { enabled: true, mode:
ChartJS - Zeichnen Grafik mit Bezeichnung von Monat, Daten, Tag
3 Antworten
Möchte ich zeichnen Sie eine Linie Diagramm, indem Chartjs mit Daten von Tag, aber das label von Monat. Wenn label angezeigt wird, indem Tag, dann gibt es eine Menge von Punkten. Also, ich würde gerne Anzeige label
Wie man Farbe in der Legende angular-chart.js
2 Antworten
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
Chartjs Legende Styling
1 Antworten
Ich versuche zu style my Chartjs Legende, aber für einige Grund es ist nicht so dass mir das überschreiben der Schriftfarbe. Ich möchte die schriftart ändern, die Farbe weiß, während die Beibehaltung der Farben für jeden Artikel
chart.js Liniendiagramme: Füllen Sie die Fläche oberhalb der Linie, im Gegensatz zu unten und rechts
1 Antworten
Habe ich eine chart.js die zeigt zwei verschiedene Linien, auf denen immer positiv-und eine, die immer negativ sein. Möchte ich die Visualisierung der Raum zwischen den beiden Linien und den Wert von 0 auf der y-Achse und
Set Animation speed - ChartJS?
1 Antworten
Ich versuche, um die animation Geschwindigkeit von einem Kreisdiagramm in chartJS. Ich habe versucht, die folgenden: numSteps: Anzahl, animationSteps: Anzahl 3.Chart.Standardwerte.global.animationSteps = Anzahl; Keiner dieser änderung der Geschwindigkeit. Irgendwelche Ratschläge? var myNewChart; var data = [ {
Chart.js - Plot-Graphen mit der X , Y-Koordinaten
1 Antworten
Ich versuche zu schaffen, ein einfaches Liniendiagramm mit x-und y-Koordinaten, aber ich erhalte eine leere Seite . Ich möchte nicht labels , aber haben Sie automatisch generiert aus den x -, y-Koordinaten. Ich denke, chartjs bereits implementiert,
Ändern der Farbe von bestimmten chartjs Punkt
1 Antworten
Ist es möglich, ändern Sie die bestimmten Punkt Farbe mit dx chartjs? Ich weiß, wie man ändern Sie Farben für die ganze Serie, aber ich kann nichts finden, auf die Veränderung einzelner Punkte. Es ist eine gute
Chart.js bar-chart ist überfüllt sein element enthalten
2 Antworten
Chart.js Ich kann nicht dieses blöde Diagramm, um zu bleiben in Ihrem Behälter, wenn padding wurde angewandt, um die container. Es spielt keine Rolle, ob die responsive option auf true. Es ist auch egal was ich eingestellt
Hintergrund ändern Transparenz Chart.js Diagramm
1 Antworten
ich bin mit chart.js eingewickelt in angular-charts.js erstellen Sie ein Balkendiagramm in einer Ionic framework-app. Möchte ich die bar im hintergrund völlig undurchsichtig. Diesem code habe ich um das Diagramm zu erstellen. <canvas id="bar" class="chart chart-bar" data="data"
Rückruf für v-show in vue.js
3 Antworten
Gibt es eine callback-Methode, wie auf-gezeigt und auf-zeigen, mit vue.js? Ich bin mit v-show="meine-Bedingung" auf ein div-element. Aber im inneren sind einige charts.js charts, die nicht Rendern kann, es sei denn, sichtbar. Weiss jemand wie man machen
Hinzufügen einer zweiten Y-Achse im Linechart Chart.js?
2 Antworten
Ich würde gern noch eine zweite Y-axis auf ein linechart, möglicherweise auf der rechten Seite des canvas. Ich habe versucht, zu verwenden Chart.js entnommen https://github.com/Wikunia/Chart.js/tree/Double-Y-Axis in die LineDoubleY definiert ist. Aber: Ich nicht sehen kann, am Beispiel
chart.js - link zu anderen Seite, wenn Sie klicken Sie auf bestimmter Abschnitt im chart
1 Antworten
So, ich möchte auf ein slice klicken Sie im Kreisdiagramm. Die Scheibe handeln sollte, wie ein normaler link auf einer anderen Seite in unserem system. Hier ist der HTML-und JS für diese. Mein Diagramm funktioniert anders. Also:
Wie fügen Sie links zu chart.js (Ringdiagramm)?
2 Antworten
Möchte ich hinzufügen, links zu Ringdiagramme zu können, senden Sie dem Benutzer eine Seite mit den Datensätzen gefiltert, die angeklickte option. Beispielsweise hier, wenn der Benutzer klicken Sie auf "Grün", ich will senden den Benutzer auf eine
Das hinzufügen von Daten in Liniendiagramm mit chart.js
2 Antworten
Ich möchte hinzufügen eines neuen Daten im Diagramm, aber der browser gibt eine Fehlermeldung, die sagt: "Uncaught TypeError: undefined is nicht die Funktion" beim aufrufen meiner "Add" - Funktion. Scheint es, dass das Diagramm-Objekt nicht erkannt "AddData"
Wie plot-Daten in Chart.js
2 Antworten
Ich versuche, eine Grafik für meine Webseite, ein Jahr im Wert von Daten (Einträge für jeden Tag), und dann plots, die es auf dem Diagramm. Ich versuchte, Sie schreiben eine Funktion, eine Liste aller Termine in diesem
so ändern Sie die Größe des Punkts in ChartJS
1 Antworten
Ich würde das gerne ändern einer Größe von dem Punkt in meinem Diagramm. Dem Punkt sollte so klein wie möglich. Zu verwenden versucht pointHoverRadius: 1 Aber es funktioniert nicht. Vielen Dank im Voraus, haben Sie versucht, zu
Chart.js - generateLegend () - Aufruf führt zu "undefined" ist keine Funktion"
2 Antworten
Wenn ich versuche zu rufen, generateLegened() auf meiner Karte: var ctx = $("#chart").get(0).getContext("2d"); var ctxOptions = { responsive: false, legendTemplate: "<ul>LEGEND</ul>" }; var chart = new Chart(ctx); chart.Line(data, ctxOptions); var legend = chart.generateLegend(); es Fehler mit: Uncaught
So ordnen Sie einer logarithmischen Skala auf der y-Achse in chart.js?
2 Antworten
var data1 = { labels: JSON.parse('<?php echo JSON_encode($bioc_months);?>'), datasets: [{ fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,1)", pointColor: "rgba(220,220,220,1)", pointStrokeColor: "#fff", data: 1000, 900, 90, 200, 1020 }, { fillColor: "rgba(151,187,205,0.5)", strokeColor: "rgba(151,187,205,1)", pointColor: "rgba(151,187,205,1)", pointStrokeColor: "#fff", data: 600, 456,
Chart.js - Erstellen Von Benutzerdefinierten Diagrammtypen
2 Antworten
Erstellen Sie ein Linegraph macht, dass 3 verschiedenen Datensätze getrennt von einander. Die y-Achse geteilt wird. Zum Beispiel, die ersten 4 Punkte gehören zu Datensatz 1 (grün), die nächsten 7 Punkte gehören zu Datensatz 2 (gelb), und
So ändern tooltip Eckig Chart.js
3 Antworten
So, ich bin mit Winkel-Diagramm-js plugin auf einer Ionischen app (Nicht sicher, ob das relevant ist). Mit linearen Diagramm, standardmäßig, wenn Sie klicken auf einen Punkt bekomme ich einen tooltip so angezeigt: Und ich will zu ändern,
Wie Sie Datensätze erstellen, die dynamisch für chart.js Liniendiagramm?
2 Antworten
Erstellen Sie ein Diagramm mit mehreren Kurven dynamisch in die chart.js Bibliothek. Ich bin in der Lage, ordnen Sie die Daten dynamisch. Aber ich möchte die Datensätze selbst dynamisch. Ich sah den unten stehenden link: Wie fügen
ChartJs in ionic Framework
4 Antworten
Ich bin woriking mit Ionischen und versuchen Sie, bauen eine einfache Torte mit Chart.js. Ich habe versucht, eine Menge Dinge, aber die Torte nie auftaucht. Hier ist mein code: HTML: <canvas id="myChart" width="400" height="400" /> JS: var
chart.js Balkendiagramm die Farbe ändern, basierend auf dem Wert
3 Antworten
Ich habe ein Balkendiagramm, das zeigt die Daten aus einer Datenbank, und ich muss in der Lage sein zu zeigen, eine andere Farbe für verschiedene numerische Werte. Zum Beispiel die "loc_health' gibt Werte zwischen 1 und 10
Wie hinzufügen von OnClick-Event auf den Etiketten in Chart.js v2.0?
2 Antworten
Suche nach einer Methode zum hinzufügen von onClick-Griff auf den "label" - element in chartjs 2.0 Als unter Verwendung der folgenden Verfahren zurück "undifined" in der Konsole.melden Sie, wenn ein Klick auf eines der label-Attribute in Char.js
ChartJS Neue Linien '\n' in X-Achse-Beschriftungen oder die Anzeige von Mehr Informationen, Um Diagramm oder eine QuickInfo mit ChartJS V2
4 Antworten
Ich bin mit chart.js (V2), um zu versuchen zu bauen ein Balkendiagramm, das hat mehr Informationen zur Verfügung, um Benutzer, ohne zu müssen, bewegen Sie den Mauszeiger über oder klicken Sie auf überall. Ich habe zwei Beispiele,
Diagramm aus chart.js pdf
2 Antworten
Ich habe gesehen, dass viele Beiträge die beschreiben, wie Sie verwenden können chart.js erstellen Sie ein Diagramm mit canvas und speichern Sie dann die canvas png und importieren Sie es in ein pdf. Das ist in Ordnung,
Abschneiden canvas Etiketten in ChartJS, während die vollständige Bezeichnung Wert in der QuickInfo
4 Antworten
Habe ich einige Balkendiagramme, die haben wirklich lange Etiketten und Sie beeinflussen die Größe der charts. Beispiel: http://jsfiddle.net/norbiu/aqa8w19d/4/ Ich versuche zum abschneiden der Etiketten, die zeigen, bis unter das Diagramm, während das label angezeigt in den tooltips,
Ändern Sie die Y-Achsen-Werte aus den reellen zahlen auf ganze zahlen in Chart.js
5 Antworten
Ich habe ein Diagramm, dass ich in meiner website mit Chart.js. In der Y-Achse, es gibt mir reelle zahlen statt ganzer zahlen. Wie kann ich ändern Sie die Zahl auf ganze zahlen? Hier ist ein Bild von
Winkel-Diagramm nicht Rendern nichts
2 Antworten
Baue ich ein app mit AngularJS. In dieser app möchte ich zeigen ein line-chart mit einigen Daten. Ich habe eine Seite mit zwei "tabs". Ich habe meine eigene Implementierung für diese: Zwei Knöpfe an der Oberseite, $scope.graph.visible
Winkel-Diagramme - Diagramm,zeigen Etiketten in jedem Stück von Daten
1 Antworten
Ich bin Lernphase von Winkel-Diagramm-js. Ich bin versucht, angular-chart.js zeichnen Sie ein Kreisdiagramm. Aber ich bin nicht in der Lage einen Weg zu finden, die zeigen, Etiketten (keine tooltips) auf das Kreisdiagramm, das beschreibt jedes Stück von
Chart.js Einstellung bar maximale Größe der bar-chart
4 Antworten
Möchte ich begrenzen die maximale Breite eines Balkendiagramms Mein CODE: <script> //bar chart data var a=; a.push('kalai 2015-04-11'); var b=; b.push('300'); var barData = { labels : a, datasets : [ { fillColor : "#48A497", strokeColor :
Chart.js: ändern der QuickInfo-Vorlage
2 Antworten
Muss ich ändern Chart.js tooltip Vorlage, so dass Sie nur den Wert ein Teil ist Fett dargestellt. Es ist tooltipTemplate option, die sollte genau das tun. Default Wert dieser option ist: tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>%"
Chart.js Line-Chart mit verschiedenen Etiketten für jeden Datensatz
2 Antworten
Mit Chart.js können Sie erstellen Diagramme und für die, die Sie haben, um privde Etiketten und datasets. zum Beispiel: var data = { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [ { label: "My First
chartjs: Wie multi-plot-Diagramm mit unregelmäßigen Abständen
2 Antworten
Ich versuche zu verwenden chart.js erstellen Sie ein multi-line-Zeitdiagramm. Das Problem ist, dass die Datenpunkte für jede der Zeilen möglicherweise nicht die gleichen Intervall, für zB. eine Zeile kann Punkte in einem Intervall von 5 sec. und
ReferenceError: Diagramm ist nicht definiert - chartjs
6 Antworten
Ist es ein bug Chart.js? Jedes mal, wenn ich, fügen Sie eine der Grafiken an Chart.js auf meiner Webseite bekomme ich eine Fehlermeldung, aber wenn ich das Diagramm als eigenständiges Programm und es läuft reibungslos ohne Fehler.
Wie kann ich das umkehren der y-Achse mit chart.js (v2.0-dev)
2 Antworten
Erstelle ich Diagramme mit 2 y-Achsen. eine dieser Achsen hat zwei Datensätze aber beide laufen aus dem Bereich von 0-100. Die höhere Zahl die bessere. Die zweite y-Achse ist in der Regel im unteren Bereich (oft im
Diagramm js-tooltip, wie die Kontrolle der Daten, die zeigen,
1 Antworten
Ich bin mit chart.js plugin und mit einer Gruppe chart von bar anzeigen. wenn ich hover eine Gruppe von Balken, ich kann die QuickInfo anzuzeigen, zeigen Sie mir die Daten dieser bars. aber ich was um die
erstellen Sie ein multi-line-Grafik mit Chart.js
2 Antworten
Ich bin versuchen, um eine mehrzeilige Tabelle mit Chart.js Kann ich dies tun, für 1 Zeile, und ich kann 2 Zeilen mit einer festen Datenstruktur, aber ich kann nicht mehrere Zeilen zur Anzeige von Daten an der
Wie setzen Sie die max und min-Wert für die Y-Achse
16 Antworten
Bin ich mit dem line-Diagramm aus http://www.chartjs.org/ Wie Sie sehen können max Wert (130) und min-Wert (60) für die Y-Achse werden automatisch gewählt , ich will max-Wert = 500 und min-Wert=0. Ist das möglich? InformationsquelleAutor Rajendra |
Mit Chart.js am Winkel 4
2 Antworten
Ich versuche zu verwenden Chart.js mit Winkel 4, ich sah ein Beispiel auf der chart.js Dokumente, die aber mit < script > - tag zu ziehen, das Skript, so funktioniert es nicht auf die Komponente. Dies ist,
Gewusst wie: hinzufügen der zweiten Y-Achse für Balken-und Liniendiagramm in Chart.js?
1 Antworten
Ich versuche, fügen Sie ein Doppel-Y-Achse in Chart.js für zwei dataset-Vergleiche. Ich bin derzeit mit Leigh Quitte ist LineBar Erweiterung, die die Antwort finden Sie hier: Chart.js wie man Kombinierte Balken-und Liniendiagrammen? Gibt es auch eine Lösung