DimpleJS 传奇仅限于该系列的一部分答案

【问题标题】：DimpleJS legend limited to part of the seriesDimpleJS 传奇仅限于该系列的一部分
【发布时间】：2015-07-19 16:37:40
【问题描述】：

我正在使用 DimpleJS 来渲染 BubblePlot。我的数据如下所示：

[
   {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 并将其放入图例中似乎也不可能。

欢迎提出任何建议！

【问题讨论】：

标签： d3.js dimple.js

【解决方案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();

【讨论】：