我正在使用 dimple.js 创建气泡图。我目前正在使用addCategoryAxis() 函数根据我正在使用的数据创建我的 x 轴。问题是有太多不同的 x 轴值无法正确显示，如下所示。
我想要完成的是沿 x 轴显示间隔，类似于使用 addMeasureAxis() 创建的当前 y 轴。但是，当我切换到使用 addMeasureAxis() 函数来生成我的 x 轴时，它会将数据分组，而我的图表上只剩下一个数据点。
是否有人对我的情况有任何建议/我是否忽略了一些明显的方法来做到这一点？谢谢。
对 X 轴使用 addCategoryAxis()：
对 X 轴使用 addMeasureAxis()：
【问题讨论】：
标签： javascript d3.js data-visualization dimple.js
您在第二个示例中的坐标轴是正确的，但是您需要在 addSeries 方法的第一个参数中指定一个维度来拆分您的系列。 Dimple 将为指定字段中的每个唯一值绘制一个气泡，因此要在第一个示例中绘制气泡，您可以传递您的 x 尺寸。
如果你有 X 的价格和 Y 的成本，它看起来像：
chart.addMeasureAxis("x", "Price");
chart.addMeasureAxis("y", "Cost");
chart.addSeries("Price", dimple.plot.bubble);
chart.draw();
对于每个不同的 x 值，您都会得到一个气泡。如果在某些情况下，单个 X 值有 2 个 Y 值并且您不希望聚合它们，则可以将两个维度都传递给系列：
chart.addMeasureAxis("x", "Price");
chart.addMeasureAxis("y", "Cost");
chart.addSeries(["Price", "Cost"], dimple.plot.bubble);
chart.draw();
这将为成本和价格的每个独特组合绘制一个气泡。您也可以在数据中使用任何其他维度。
【讨论】：