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

Question

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

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

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

对X轴使用addCategoryAxis（）：

对X轴使用addMeasureAxis（）：

Answer 1

第二个示例中的轴是正确的，但您需要指定一个维度，用于在addSeries方法的第一个参数中拆分系列。凹坑将为指定字段中的每个唯一值绘制一个气泡，因此要在第一个示例中绘制气泡，您可以传递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();

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