Highcharts => Immer die id von einem Punkt, wenn Sie auf eine Linie Diagramm

Baue ich ein Liniendiagramm und möchte ich, wenn ich auf einen Punkt der Linie, um anzuzeigen, ein popup mit einigen Informationen zu diesem Punkt.
Das Problem versuche ich zu beheben ist, um die id, die Serie mit diesem Punkt verbundene oder sowas.

Hier ist mein code :

plotOptions: {
      column: {
        pointWidth: 20
      },

      series: {
        cursor: 'pointer',
        events: {
          click: function(event) {
            requestData(event.point);
          }
        }
      }

Versuchte ich

requestData(this.point)

requestData(this.point.id)

auch, aber es funktioniert nicht.

Wie bekommen wir die id eines Punktes ?

Vielen Dank.

InformationsquelleAutor der Frage Johann | 2010-08-19

16

Laut der docs, Veranstaltung.Punkt enthält einen Zeiger auf den nächsten Punkt auf dem Graphen.

Also ich würde schreiben das event.point auf der Konsole, und sehen, was verfügbar ist.
```
console.log(event.point);
```
Aus den docs:

klicken Sie auf: wird ausgelöst, wenn die Serie geklickt wird. Das Schlüsselwort this bezieht sich auf die Serie Objekt selbst. Ein parameter, ein Ereignis wird an die Funktion übergeben. Diese enthält gemeinsame Veranstaltung Informationen basierend auf jQuery oder MooTools je nachdem, welche Bibliothek dient als Basis für die Highcharts. Darüber hinaus Ereignis.Punkt enthält einen Zeiger auf den nächsten Punkt des Graphen.

Beispiel basiert auf dem Beispiel aus den docs: http://jsfiddle.net/5nTYd/

Klicken Sie auf einen Punkt, und überprüfen Sie die Konsole.

InformationsquelleAutor der Antwort user113716
10

Habe ich nur dieses durch die übergabe 3 Objekte in der Reihe Daten-array und dann ziehen Sie aus dem Objekt-config-Attribut aus dem klicken Sie auf.

So Sie können bauen Ihre Serie so etwas wie dieses:
```
 series: [{
  name: 'Example',
  yAxis: 0,
  type: 'spline',
  data: [[1294099200000,220.0,37],[1296432000000,190.0,40],[1297036800000,184.4,5]]
}]
```
In das data-Attribut über das 1. element ist das Datum (x), das 2. element ist ein weiteres Datenpunkt (y), und die 3 ist die id des Objekts, das Sie repräsentieren, Daten-Objekt. Das "z" wird nicht zeigen, bis auf die Grafik aber wird sich zeigen, wie das 3. element in der config-array. Zum Beispiel: mit plotOptions-Punkt-Attribut zu erfassen klicken Sie auf die ID des Objekts wird in der Alarm als diese.config[2]
```
  plotOptions: {
    series: {
      cursor: 'pointer',
      point: {events: {click: function() {console.log(this); alert('Category: '+ this.category +', value: '+ this.y + 'Series: ' +  this.series.name + ' ID: ' + this.config[2])}}}
     }
   },
```
InformationsquelleAutor der Antwort user719754

Zurück die 'ID' der ausgewählte Punkt auf der Karte, verwenden Sie die 'X' - Wert:

plotOptions: {
    series: {
        cursor: 'pointer',
        events: {
            click: function(event) {
                   //Log to console
                console.log(event.point);
                alert(this.name +' clicked\n'+
                      'Alt: '+ event.altKey +'\n'+
                      'Control: '+ event.ctrlKey +'\n'+
                      'Shift: '+ event.shiftKey +'\n'+
                      'Index: '+ event.point.x);
            }
        }
    }
},

Siehe ein Beispiel hier: http://jsfiddle.net/engemasa/mxRwg/

InformationsquelleAutor der Antwort Scott

fand ich diesen alten post in meiner Suche nach ==>fügen Sie einen marker zu einem Punkt, wenn ich auf ein Highcharts "Trend Line" [im Beispiel: "line-in-time-Serie"] Grafik[wenn ich auf irgendwo auf die gezeichnete Linie selbst]. gut, ohne dass Sie zu viel code, Blick in die

  cursor: 'pointer',
                    point: {
                      events: {
                             click: function(e) {
                                alert("X("+this.x+"),Y("+this.y+")");
                                }//click
                          }//events
                           }//point

wenn Sie möchten mehr Details, ich bin glücklich!

InformationsquelleAutor der Antwort dcparham

Ich hatte das gleiche problem ... wenn ich das richtig verstehe.
Meine Lösung ist dies, um die id der Serie ...
Sehen, ob es hilft ...

plotOptions{
 series:{
  cursor: 'pointer',
    events: {
      click: function(event) {
        console.log(event.point.series.userOptions.id);
      }
    }
  }

InformationsquelleAutor der Antwort Tilens

 plotOptions: {
   series: {
     cursor: 'pointer',
     point: {
       events: {
         click: function() {
           console.log(this); 
           alert('Category: '+ this.category +', value: '+ this.y + 'Series: ' +  this.series.name + ' ID: ' + this.config[2])
         }
       }
     }
   }
 },

InformationsquelleAutor der Antwort Sundaresan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.