Integration mit integrierten Diagrammen und Google Charts mithilfe von PrimeReact

Ich verwende Primereact und React-Google-Charts. Allerdings erfordern sie alle, dass ich die Komponenten Diagramme nenne. Wenn ich ein Diagramm schreibe, tritt ein Fehler auf. Welcher Lösung soll ich folgen? (https://i.stack.imgur.com/4qGie.png) (https://i.stack.imgur.com/5dpNr.png) Ich habe versuch...

P粉458913655 2023-09-06 14:54:13 0  1  688

Bestimmen Sie Zustandsänderungen des Sunburst-Diagramms von Plotly.js

Ich habe eine React-App, in der ich plotly.js verwende, um ein Sunburst-Diagramm anzuzeigen. Ich habe andere Aktionen/Komponenten, die sich basierend auf dem „Zoomstatus“ des Sunburst-Diagramms ändern. Wenn ich beispielsweise vollständig herauszoome, zeigt das Burst-Diagramm vier konzentrische Kreis...

P粉659516906 2023-08-31 20:42:38 0  1  485

Erstellen Sie mehrere Pinseldiagramme mit VueJs und Apexcharts

Ich entwickle eine Anwendung, in der ich mit Apexcharts ein Pinseldiagramm erstelle. Ich möchte jedoch, dass mein Pinsel mehrere Diagramme steuert, nicht nur eines, wie im Beispiel gezeigt. Bevor ich anfange, die Callback-Funktion zu verwenden, möchte ich wissen, ob es eine einfache Möglichkeit gibt...

P粉470645222 2023-08-26 20:17:05 0  1  586

Platzieren Sie Gantt-Diagrammelemente mit demselben Feldwert in einer Zeile

Ich kann nichts kaufen. Schauen Sie sich bitte das Bild an, das ich unten angehängt habe. Gantt-Diagramm. Ich habe bereits alle Werte, die das Diagramm anzeigen, und sogar das Ergebnis sieht so aus, wie im zweiten Bild gezeigt: Mein Gantt-Diagramm Allerdings Das ist nicht das, was ich will. Das mein...

P粉930448030 2024-02-21 17:14:01 0  1  463

Erstellen Sie eine <select>-Methode zum Auswählen von Zeichnungsdiagrammdateien

Ich habe ein Diagramm, das mit externen Dateidaten erstellt wurde. Jetzt möchte ich ein Auswahlfeld, in dem der Benutzer die zu lesende Datei auswählen kann. Auf diese Weise kann sich das Diagramm dynamisch ändern. Wie kann ich Vue und ChartJS verwenden, um diese Funktionalität zu erreichen? Derzeit...

P粉022140576 2023-08-20 10:08:18 0  1  586

So legen Sie den Y-Achsenwert in einem vertikalen Balkendiagramm mithilfe von Chart JS fest

In diesem vertikalen Balkendiagramm weist die Y-Achse positive und negative Werte auf. Ich möchte positive Ganzzahlen nach oben und unten basierend auf dem Nullwert verwenden. Ich verwende Version 4.2.1. Was soll ich tun? Beispiel für ein vertikales Diagramm varMONTHS=["Januar", "Febr...

P粉729436537 2023-08-29 10:38:36 0  1  655

javascript - Wie übergebe ich Parameter an die beiden von Echarts erstellten Diagramme von Android aus? ?

Wie übergeben Sie Parameter für die beiden von Echarts erstellten Diagramme an Android? ? Der Code lautet wie folgt: &lt;script type="text/javascript"&gt; {code...} &lt;/script&gt;Der Android sagte, er habe die Daten analysiert, den Hintergrund gelesen und dann die Paramete...

伊谢尔伦 2017-05-16 13:25:55 0  2  725

Die Eigenschaft von Null kann nicht gelesen werden (‚Konvertierung' lesen). Was bedeutet das?

Ich habe ein Diagramm mit dynamischen Daten von Axios über die Chartjs-Bibliothek erstellt. Aber wenn ich die Browser-Diagramme aktualisiere, ist zunächst nichts wie folgt verfügbar: Wenn ich die Größe des Browserfensters ändere, zeigen alle Diagramme: Fehler von der Konsole: UncaughtTypeError: Cann...

P粉207483087 2024-01-10 16:36:20 0  1  480

javascript - Eine kleine Grube der modalen Echarts+Bootstrap-Box.

Ich arbeite derzeit an einem PC-Projekt, bei dem ich das Echarts-Diagramm im Bootstrap-Modal-Feld anzeigen möchte. Wenn der Benutzer auf die Schaltfläche klickt, wird ein Modal mit dem Inhalt des Echarts-Diagramms angezeigt. 1. Erstellen Sie zunächst eine modale Box ~ HTML: {code...} JS: {code...} 2...

迷茫 2017-06-12 09:31:22 0  1  1444

Wie erstelle ich mit Highcharts ein gestapeltes Donut-Diagramm (Kreisdiagramm) in Vue.js?

Ich möchte mit Highcharts ein Donut-Diagramm erstellen, kann dieses Diagramm jedoch nicht in eine gestapelte Form konvertieren. Der Vue.js-Code lautet wie folgt: <template><div><b-colmd="12"style="margin-top:40px"><highcharts:options="pieChartOptions&quo...

P粉980815259 2024-03-19 19:17:54 0  1  536

Highcharts in Django: JSON-Daten anstelle von Diagrammen auf Webseiten anzeigen

Ich versuche also, mit Highcharts in Django ein Candlestick-Diagramm zu erstellen, aber ich kann das Diagramm nicht auf der Webseite anzeigen, stattdessen wird eine JSON-Liste der abgerufenen Daten angezeigt. Ich verwende die API von iexcloud, um historische Daten abzurufen. Dies ist meine Logik: vi...

P粉310931198 2024-04-02 10:06:09 0  1  487

javascript – Sprungproblem im Karusselldiagramm

Es gibt insgesamt vier Karussellelemente, von denen drei auf dem Bildschirm angezeigt werden können. Ich habe zwei Kopien nebeneinander im HTML-Code platziert, um das drahtlose Karussell zu implementieren. Wenn sich die Position jedoch am Startpunkt befindet, wird ein Sprung ausgelöst Prozess, aber ...

怪我咯 2017-05-19 10:34:28 0  1  458

So rufen Sie Methoden aus Optionen in ApexChart mit vue.js auf

Ich bin neu bei Vue- und Apex-Diagrammen. Im Grunde muss ich eine Methode aus den Optionen für Apex-Diagramme aufrufen. Ich habe eine Datei erstellt, die das Problem zeigt, das ich habe: https://jsfiddle.net/wr3uo5va/ ​​​​​​Ich brauche Um eine Methode von chartOptions aufzurufen, ruft dataLabels die...

P粉373596828 2024-03-27 16:35:38 0  2  390

Highcharts: Stellen Sie sicher, dass die Bildlaufleiste nur den Zeichenbereich abdeckt

Hier ist eine Geige für ein Beispieldiagramm, basierend auf dem Scrollbar-Tutorial in der Highcharts-Dokumentation hier: https://jsfiddle.net/zao68u2k/1/ Die einzige Änderung, die ich an der Standarddemo vorgenommen habe, war das Entfernen der Maske über: scrollablePlotArea :{ opacity:1,}Nachdem die...

P粉692052513 2023-09-16 11:04:01 0  1  1028

Python – Pandas-Gruppierung nach Bedingungsdiagramm

Wie zeichne ich ein Balkendiagramm mit dem Namen als Abszisse und der Punktzahl als Ordinate?

某草草 2017-06-20 10:05:45 0  1  1096

„Nicht erfasster (in Promise) RangeError: Maximale Aufrufstapelgröße überschritten' beim Aktualisieren des Diagramms mit Chart.js in Vue

Ich habe in Mounted() ein Diagrammobjekt erstellt und es der in data() deklarierten Variablen „myChart“ zugewiesen, weil ich dieses Diagrammobjekt in anderen Bereichen des Codes verwenden wollte, da ich gehört habe, dass in keine Variablen deklariert sind Mounted werden an Methoden übergeben. Wenn i...

P粉595605759 2024-01-04 18:52:33 0  1  692

r2d3 in R: Wie zeige ich zwei Diagramme nebeneinander auf derselben Linie an?

Mit dem Paket r2d3 kann ich ein einfaches d3.js-Diagramm in RMarkdown wie folgt rendern: barchart.js://!previewr2d3data=c(0.3,0.6,0.8,0.95,0.40,0.20)varbarHeight=Math.floor( height/ data.length);svg.selectAll("rect").data(data).enter().appe

P粉543344381 2023-09-03 16:23:03 0  1  681

Wie zeige ich Text im ChartJS-Balkendiagramm an?

Ich muss mithilfe von chart.js Text in einen Balken in einem Diagramm schreiben. varctx=document.getElementById("myChart");varmyChart=newChart(ctx,{type:'bar',data:data,options:{scales: {yAxes :[{ticks:{beginAtZero:true}}]}},responsive:true,showTo

P粉578343994 2023-10-23 14:58:30 0  2  692

Wie verwende ich Vue-Chartjs, um Liniendiagramme effizient dynamisch zu aktualisieren?

Ich habe diesen funktionierenden Code, der ein Diagramm aktualisiert, in dem onMount eine Art Aktualisierung simuliert. Aber das Array vollständig zu zerstören und mit neuen Werten im OnMounted-Hook neu aufzubauen, scheint nicht sehr effizient zu sein? Ich habe versucht, reaktive Komponenten für dat...

P粉460377540 2024-01-29 13:35:31 0  1  571

Platzieren Sie DIV-Elemente im SVG-Ansichtsfenster

Wie positioniere ich HTMLDIV-Elemente relativ zu SVG-Elementen? Ich verwende D3, um ein SVG-Diagramm zu erstellen: Ich möchte neben der Legende in der unteren rechten Ecke ein Dropdown-Menü hinzufügen. Ich habe zwar das entsprechende Element (ein normales HTMLDIV-Element), weiß aber nicht, wie ich e...

P粉803444331 2023-09-07 17:48:48 0  1  600