Hinzufügen von Daten in ein highchart-Diagramm mit einem array mit den IDs

Möchte ich hinzufügen, dass eine Serie zu einem highchart Streudiagramm, wo ich bin indem jeder Punkt in der Serie. Ich ein Diagramm erstellen, in der folgenden Weise:

var chart; //globally available

makeCharts = function(){

      chart = new Highcharts.Chart({
         chart: {
            renderTo: 'container1',
            type: 'scatter'
         },        
         series: [{
            name: 'a',
                data: [{                    
                    'id': 'point1',
                    'x': 1,
                    'y': 2
                }, {
                    'id': 'point2',
                    'x': 2,
                    'y': 5
                }]
            }]

      });
}

Ich würde gerne in der Lage, zur Aktualisierung der Punkte auf der Karte mit so etwas wie:

chart.series[0].setData([{id:['point3', 'point4', 'point5'], y:[0,1,2], x:[1,2,3]}])

dies ist aber nicht korrekt. Ist es möglich, Sie zu aktualisieren ein Diagramm mithilfe dieser Ansatz, wo jeder Punkt hat eine ID?

EDIT:

Nur um zu klären, möchte ich weitergeben kann, die arrays direkt auf, anstatt das hinzufügen der Daten-Punkt für Punkt mit addPoint(). Ich könnte in einer Schleife durch ein array und verwenden Sie addPoint() etwas wie das zu tun:

id:['point3', 'point4', 'point5'];
y:[0,1,2];
x:[1,2,3];

for (i=0; i<x.length; i++)
  {
  chart.series[0].addPoint({
    x:  x[[i],
    y:  y[i],
    id: id[i]
});

  }

Dies ist jedoch sehr langsam. Es ist viel schneller, um das hinzufügen von Daten mit dem folgenden Ansatz:

chart.series[0].setData([[1,0],[2,1],[3,2]]);

Habe ich festgestellt, dass ich Daten hinzufügen, wie dies:

 chart.series[0].setData([[1,0, 'point3'],[2,1, 'point4'],[3,2, 'point5']]);

dann aber der einzige Weg, ich kann Zugriff auf die id wenn der Punkt ausgewählt ist, wird durch this.point.config[2]. Mit dem folgenden Ansatz, den ich bin nicht in der Lage zu verwenden chart.get('pointID') zum identifizieren eines Punktes, da ich nicht die ID. Ich möchte in der Lage sein, zu erkennen den Punkt, indem nur der ID.

bitte aktualisieren Sie über den status des Problems, wenn keine der Lösungen half mark entsprechend, wenn es etwas gab, bitte berücksichtigen einen Kommentar hinterlässt zumindest.
Gibt es eine Funktion addSeries für diesen Zweck

InformationsquelleAutor djq | 2012-10-05

3

Sowie allgemein gesprochen gibt es zwei Wege, auf denen Sie können ändern Sie das Diagramm-Daten dynamisch
1. Serie.setData() Verwenden Sie diesen Ansatz, wenn Sie wollen, um vollständig ersetzen die bestehenden Daten mit neuen Daten
2. Serie.addPoint() Verwenden Sie diesen Ansatz, wenn Sie wollen, fügen Sie eine Teilmenge der Punkte dynamisch. Diese Methode ist nicht nur für das hinzufügen eines Punkts zu einer Zeit, wenn Sie Lesen Sie die Dokumentation sorgfältig durch, wieder werden Sie feststellen, dass diese Methode akzeptiert einen booleschen Neuzeichnen argument, und das argument detail ist wie folgt
Neuzeichnen: Boolean

Die Vorgabe ist true. Ob neu zeichnen das Diagramm nach
der Punkt ist Hinzugefügt. Beim hinzufügen von mehr als einem Punkt, ist es sehr
empfohlen, dass der redraw-option zu kämpfen hat, auf false und stattdessen
chart.redraw() wird explizit aufgerufen, nachdem das hinzufügen von Punkten ist
fertig.

In Ihrem Fall, da Sie hinzufügen möchten, ein paar Punkte dynamisch, aber Beibehaltung der vorhandenen Punkte, sollten Sie mit Methode 2. Aber Sie müssen verwenden Sie es in einer Schleife mit dem Neuzeichnen wird auf false gesetzt (damit die Lösung des Problems, langsam) und dann nach der Schleife rufen Sie die redraw-Methode explizit

Code
```
var id = ['point3', 'point4', 'point5'],
    y = [0, 1, 2],
    x = [1, 2, 3];

for (var i = 0; i < x.length; i++) {
    chart.series[0].addPoint({
        x: x[i],
        y: y[i],
        id: id[i]
    },false);
}
chart.redraw();
```
Hinzufügen mehrerer Punkte dynamisch | Highcharts und Highstock @ jsFiddle

InformationsquelleAutor Jugal Thakkar
1

Versuchen Sie es mit Serie.addPoint.
```
chart.series[0].addPoint({
    x:  0,
    y:  0,
    id: 'anything'
});
```
Aber wenn Sie benötigen, um Daten für die Serie, verwenden
```
chart.series[0].setData([{
    x:  0,
    y:  0,
    id: 'anything'
},{
    x:  2,
    y:  2,
    id: 'another'
}]);
```
Danke für die Anregung. Ich möchte in der Lage sein, um ein array hinzuzufügen. Ich glaube, ich könnte eine Schleife verwenden, die mit addpoint() Durchlaufen ein array, das würde auch funktionieren.
Kann ich einen Blick auf das array, die Sie hinzufügen möchten?
Ich habe es in meiner Frage oben: x=[1,2,3]; y=[0,1,2];id=['point3', 'point4', 'point5'];

InformationsquelleAutor Igor Shastin
1

Sobald Sie können, geben Sie Ihre Daten wie diese:
```
chart.series[0].setData([[1,0, 'point3'],[2,1, 'point4'],[3,2, 'point5']]);
```
(wie du sagtest in Frage), kann ich schlage vor, Sie verwenden einen hack.

Müssen wir hinzufügen, eine weitere Aussage zu Methode applyOptions von Highcharts.Punkt Prototyp.
```
if (typeof options[0] === 'number' && options[2] && typeof options[2] === 'string') this.id = options[2];
```
Hier Sie können ihn in Aktion zu sehen.

InformationsquelleAutor Igor Shastin

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.