Ich möchte Verknüpfungen zu Donut-Diagrammen hinzufügen, um dem Benutzer eine Seite mit den durch die angeklickte Option gefilterten Datensätzen zu senden.

Zum BeispielHie, wenn der Benutzer auf "Grün" klickt, möchte ich den Benutzer zu einer Seite senden, auf der alle "Grün" -Datensätze angezeigt werden.

Ich habe keinen einfachen Weg gefunden, das zu tun, und habe so etwas ausprobiert, das noch nicht funktioniert:

(Ich habe ein Attribut "filter" mit der "id" hinzugefügt, die ich zum Filtern benötige.)

var data = [
  {
    value: 300,
    color:"#F7464A",
    highlight: "#FF5A5E",
    label: "Red",
    filter: 1
  },
  {
    value: 50,
    color: "#46BFBD",
    highlight: "#5AD3D1",
    label: "Green",
    filter: 2
  },
  {
    value: 100,
    color: "#FDB45C",
    highlight: "#FFC870",
    label: "Yellow",
    filter: 3
  }
]

$(document).ready(
    function () {
        $("#chart").click(
            function(evt){
                var activePoints = chart.getSegmentsAtEvent(evt);
                var url = "http://example.com/?grid[f][collor][]=" + activePoints[0].filter
                alert(url);
            }
        );
    }
);

Ich kann das Attribut "filter" nicht mit "activePoints [0] .filter" erhalten.

Vielen Dank