改变 dimple.js 散点图的颜色

Question

如何根据两个轴上均未使用的字段之一更改散点图上圆圈的颜色？

例如，这段代码：

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"

的第三个字段为气泡着色

谢谢

Answer 1

addSeries的第一个参数决定颜色。如果是数组，则使用最后一个元素，因此您只需要做：

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

改变 dimple.js 散点图的颜色

Changing colors on dimple.js scatter plot

d3.js

dimple.js