Jak dodać dwa różne kształty do wymuszonego wykresu D3 na podstawie wartości pola kształtu?
Jestem nowicjuszem w D3. Używam wykresu ukierunkowanego na siłę. Chcę dodać dwa różne typy kształtów w miejscach węzła.
Mój syn obserwuje:
{
"nodes":[
{"name":"00:00:00:00:00:00:00:01","group":0,"shape":1},
{"name":"00:00:00:00:00:00:00:02","group":1,"shape":1},
{"name":"00:00:00:00:00:00:00:03","group":2,"shape":1},
{"name":"00:00:00:00:00:00:00:11","group":0,"shape":0},
{"name":"00:00:00:00:00:00:00:21","group":1,"shape":0},
{"name":"00:00:00:00:00:00:00:31","group":2,"shape":0},
{"name":"00:00:00:00:00:00:00:32","group":2,"shape":0},
{"name":"00:00:00:00:00:00:00:12","group":0,"shape":0},
{"name":"00:00:00:00:00:00:00:22","group":1,"shape":0}
],
"links":[
{ "source": 0, "target": 0, "value": 5 },
{ "source": 1, "target": 1, "value": 5 },
{ "source": 2, "target": 2, "value": 5 },
{ "source": 3, "target": 0, "value": 5 },
{ "source": 4, "target": 1, "value": 5 },
{ "source": 5, "target": 2, "value": 5 },
{ "source": 6, "target": 2, "value": 5 },
{ "source": 7, "target": 0, "value": 5 },
{ "source": 8, "target": 1, "value": 5 }
]
}
Jeśli wartość kształtu wynosi 1, to narysuj okrąg, a jeśli wartość kształtu wynosi 0, narysuj prostokąt. Link przykładowy wymuszonego wykresu to:http://bl.ocks.org/mbostock/4062045
Próbowałem przykładowego łącza JSFiddle:http://jsfiddle.net/mayurchavda87/Sc2xC/3/