D3.js 更改dimple.js散点图上的颜色

D3.js 更改dimple.js散点图上的颜色,d3.js,dimple.js,D3.js,Dimple.js,如何根据我在两个轴上都没有使用的字段之一更改散点图上圆圈的颜色 例如,此代码: var myChart3 = new dimple.chart(svg3, data); myChart3.addMeasureAxis("x", "salary"); myChart3.addMeasureAxis("y", "bonus"); var mySeries = myChart3.addSeries(["Index","a"], dimple.plot.scatte

如何根据我在两个轴上都没有使用的字段之一更改散点图上圆圈的颜色

例如,此代码:

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();
生成此图形:

但我也想根据第三个字段“department”为气泡着色


谢谢

addSeries的第一个参数决定颜色。对于数组,使用最后一个元素,因此只需执行以下操作:

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

太好了,非常感谢。两个后续问题:1)我可以选择颜色而不是默认颜色吗?2) 看到里面的“a”了吗?我添加了一个虚拟字段,以避免数据在“索引”级别开始聚合。它运行良好,但它是一个黑客。是否有“正确”的方法来避免聚合?不应要求“a”字段。如果要绘制具有2个测量轴的线图,则需要您描述的行为。散点图将根据addSeries第一个参数中的所有不同值进行分解。在你的例子中是“索引”和“部门”。“a”字符串不会起任何作用。您可以使用chart.defaultColors()选择不同的任意指定颜色,也可以使用chart.assignColor()指定特定颜色