DimpleJS 传说仅限部分系列

Question

我正在使用 DimpleJS 渲染气泡图。我的数据如下所示：

[
   {type: "A", name:"First", x:1, y:200}, 
   {type: "A", name:"Second", x:30, y:10}, 
   {type: "B", name:"Third", x:50, y:120}, 
   {type: "B", name:"Fifth", x:90, y:100}
]

图表创建于：

var myChart = new dimple.chart(svg, chartData);
myChart.setBounds(50, 30, 370, 230);
var x = myChart.addMeasureAxis("x", "x");
var y = myChart.addMeasureAxis("y", "y");
var series = myChart.addSeries(["type", "name"], dimple.plot.bubble);
myChart.addLegend(10, 10, 360, 20, "right");
myChart.draw();

这几乎是我想要的，工具提示等中提供了所有可用数据。但是着色是基于 type 和 name。

此外，不幸的是，图例还从 name 字段中获取所有值，我希望只在图例中看到 type 值。

我也试过这样使用 addColorAxis 方法：

var c = myChart.addColorAxis("type");
var series = myChart.addSeries("name", dimple.plot.bubble);

但这会呈现黑色气泡，在工具提示中将 "NaN" 显示为 type 并将其放入图例中似乎也是不可能的。

欢迎提出任何建议！

Answer 1

原来系列中参数的顺序很重要。

这解决了我的问题：

var myChart = new dimple.chart(svg, chartData);
myChart.setBounds(50, 30, 370, 230);
var x = myChart.addMeasureAxis("x", "x");
var y = myChart.addMeasureAxis("y", "y");
var series = myChart.addSeries(["name","type"], dimple.plot.bubble);
myChart.addLegend(10, 10, 360, 20, "right");
myChart.draw();

DimpleJS 传说仅限部分系列

DimpleJS legend limited to part of the series

d3.js

dimple.js