/ / Alterando cores no gráfico de dispersão do dimple.js - d3.js, dimple.js

Alterando as cores no gráfico de dispersão do dimple.js - d3.js, dimple.js

Como posso alterar a cor dos círculos em um gráfico de dispersão com base em um dos campos que não estou usando em nenhum dos eixos?

Exemplo, este código:

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();

produz este gráfico: insira a descrição da imagem aqui

mas eu também gostaria de colorir as bolhas com base em um terceiro campo chamado "departamento"

obrigado

Respostas:

2 para resposta № 1

O primeiro parâmetro de addSeries determina cores. No caso de um array, o último elemento é usado, então você só precisa fazer:

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