/ / Ändern der Farben auf dem Punktdiagramm von dimple.js - d3.js, dimple.js

Ändern der Farben in dimple.js Streudiagramm - d3.js, dimple.js

Wie kann ich die Farbe der Kreise in einem Streudiagramm basierend auf einem der Felder ändern, die ich auf keiner der Achsen verwende?

Beispiel dieser Code:

var myChart3 = new dimple.chart(svg3, data);
myChart3.addMeasureAxis("x", "salary");
myChart3.addMeasureAxis("y", "bonus");
var mySeries = myChart3.addSeries(["Index","a"], dimple.plot.scatter);
myChart3.draw();

produziert diese Grafik: Bildbeschreibung hier eingeben

aber ich möchte auch die Blasen basierend auf einem dritten Feld namens "Abteilung" färben

Vielen Dank

Antworten:

2 für die Antwort № 1

Der erste Parameter von addSeries bestimmt Farben. Im Falle eines Arrays wird das letzte Element verwendet. Sie müssen also nur Folgendes tun:

var mySeries = myChart3.addSeries(["Index","a","department"], dimple.plot.scatter);