javascript - 更改 x 轴间隔显示 - dimple.js

Question

我正在使用 dimple.js 创建气泡图。我目前正在使用 addCategoryAxis() 函数根据我正在使用的数据创建我的 x 轴。问题是有太多不同的 x 轴值无法正确显示，如下所示。

我想要完成的是沿 x 轴显示间隔，类似于使用 addMeasureAxis() 创建的当前 y 轴。但是，当我切换到使用 addMeasureAxis() 函数生成我的 x 轴时，它将数据分组，我的图表上只剩下一个数据点。

有没有人对我的情况有任何建议/我是否忽略了一些明显的方法来做到这一点？谢谢。

对 X 轴使用 addCategoryAxis():

对 X 轴使用 addMeasureAxis():

Answer 1

第二个示例中的轴是正确的，但您需要在 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();

这将为每个独特的成本和价格组合绘制一个气泡。您也可以在您的数据中使用任何其他维度。