ECharts aktualisieren bei Datenänderung

Question

Ich arbeite derzeit an einem interaktiven Diagramm, das potenzielle Risikofaktoren eines kommerziellen Projekts berechnen sollte. Ich habe Baidu ECharts dafür verwendet, und das Diagramm funktionierte visuell, aber kann das Diagramm nicht aktualisieren, wenn sich Daten ändern.

Die Daten stammen von einem externen Fragebogen, der Radiobuttons für die Werte und ein Kontrollkästchen zum Ein- und Ausschalten des gesamten Sets verwendet.

<input type="checkbox" id="GPEbool" value="true"> Example Question 1</h4> 
    <form action=""> 
    <input type="radio" id="polishedness" value="1"> Idea<br> 
    <input type="radio" id="polishedness" value="1"> Concept<br> 
    <input type="radio" id="polishedness" value="2"> Mockup<br> 
    <input type="radio" id="polishedness" value="5"> Prototype<br> 
    <input type="radio" id="polishedness" value="7"> Playable<br> 
    <input type="radio" id="polishedness" value="15"> Polish<br> 
    <input type="radio" id="polishedness" value="30"> Finished<br> 
</form> 

nun das Problem, die Daten in die grafische Darstellung erhält. Es wird der anfänglich ausgewählte Wert richtig angezeigt (wenn einem von ihnen "überprüft" hinzugefügt wird), wird danach jedoch nicht aktualisiert.

Ich habe versucht, die Refresh-Funktion aufrufen, wenn sich etwas ändert, aber es wird Refresh zurückkehren ist keine Funktion. Ich bin wirklich am Verlieren, und die chinesische Dokumentation hilft mir nicht viel :)

Irgendwelche Vorschläge? Danke im Voraus!

Answer 1

Sie müssen chartInstance.setOption() erneut mit Ihren neuen Daten aufrufen.

Ich gebe Ihnen ein kleines Beispiel:

// eChart is the chart instance! 
echart.setOption({ 
    // .... some configuration 
    series: [ 
     { 
      type: "line", 
      name: "test", 
      data: [1,2,3,4,5,6] 
     } 
    ] 
}) 

Nach Sie den Wert Ihrer Auswahlbox geändert, müssen Sie dieses Ereignis fangen, den Wert der Objektkonfiguration ändern und AnrufchartInstance.setOption()wieder.

Daher ist es manchmal ratsam, Ihr komplettes Konfigurationsobjekt zu speichern und Ihre Änderungen dort zu speichern.