2015-09-04 15 views
5

ich mich gefragt, ob es eine Möglichkeit war dynamisch schuppen x Markierungen hinzuzufügen, nachdem der Graph über eine Funktion gemacht wurde, vielleicht gleich so:Skalenmarkierungen dynamisch hinzufügen?

zingchart.exec('myChart', 'addscalexmarker', { 
    type: "line", 
    range: 14, 
    label: { 
     text: "label!! yay!" 
    } 
} 

kann ich nicht anders scheinen, um herauszufinden um das zur Arbeit zu bringen ... Danke im Voraus!

Antwort

7

Während ZingChart über eine große Auswahl an API-Methoden verfügt, mit denen Benutzer verschiedene Teile eines Diagramms ändern können, ist nicht jedes Attribut über eine benannte Methode zugänglich.

Mein Vorschlag wäre, die setdata Methode zu verwenden, die eine Catch-All-API-Methode zum Ändern der JSON des Diagramms ist. Die Verwaltung des Status des Diagramms wäre extern zu ZingChart, aber Aktualisierungen würden mit einem einzelnen Methodenaufruf setdata gehandhabt werden.

zingchart.exec('myChart', 'setdata',{ 
    data : myConfig 
    }); 

Arbeits Demo: http://demos.zingchart.com/view/BG8SXI4W

ich auf dem ZingChart Team bin - lassen Sie mich wissen, wenn Sie weitere Fragen haben.

+0

hey @ mike-shultz, danke für die Antwort! In Bezug auf "Bereich", nimmt das Werte basierend auf dem scaleX? Ich habe ein seltsames Problem, bei dem der tatsächliche Wert die Markierung nicht an der richtigen Stelle abbildet. Zur Verdeutlichung mache ich folgendes 'versionData.push ({"Typ": "Zeile", "Bereich": [Wert.StartDatum], "Label": {"Text": Wert.Version}}); }); ' startDate ist eine Zahl, deren Wert auf der Skala angezeigt wird. In diesem Fall ist es 1441727046774 (ein Datum). Dies funktioniert nicht, wenn ich jedoch '15' für den Bereich verwende, erscheint es nahe der Mitte. –

+0

bearbeiten- Ich mache auch eine zingchart.exec ('mainChart', 'setdata', { data: myConfig}); –

+0

Hi @BrianCorbin, könnten Sie ein Beispiel für das Problem veröffentlichen? Möglicherweise auf JSFiddle? –