dimple.js 散点图问题

Question

在下面的代码中，我绘制了一个散点图。我有几个问题。 渲染的图表可以在这里找到：https://jsfiddle.net/dizzy0ny/ch2187dd/4/

   var data1 = [
      {"x":0.123,"y":0.046},
      {"x":0.032,"y":-0.0345},
      {"x":-0.044,"y":-0.0505},
      {"x":0.05,"y":0.076},
      {"x":0.04,"y":0.036},
      {"x":-.034,"y":0.029},
      {"x":-.023,"y":0.087},
      {"x":0.034,"y":0.067},
      {"x":0.024,"y":0.048},
      {"x":0.087,"y":-0.09},
    ]; 
    var svg = dimple.newSvg("#chartContainer", 600,600);

      var myChart = new dimple.chart(svg);
      myChart.setBounds(90, 35, 480, 400)
      xAxis = myChart.addCategoryAxis("x", "x");
      yAxis = myChart.addCategoryAxis("y", "y");
      xAxis.showGridlines = true;
      yAxis.showGridlines = true;
      xAxis.tickFormat = '%'
      yAxis.tickFormat = '%'
      yAxis.ticks = 5 
      xAxis.ticks = 5 
      s1 = myChart.addSeries("Price Tier", dimple.plot.bubble, [xAxis, yAxis]);
      s1.data = data1
      myChart.addLegend(90, 480, 330, 20, "left");
      myChart.draw();

1. 为什么轴刻度属性不起作用？在上面我只想要沿轴的 5 个标签
2. 请注意，图表中的“5%”和“3%”作为标签显示了两次。有没有办法防止这种情况发生？
3. 请注意图表中间的奇数垂直空白，应该是“0%”线。为什么没有显示 0%，为什么 x 轴的那个点没有垂直线？
4. 为什么在 y 垂直轴上没有线（就像您在标签上方的 x 轴上看到的那样？
5. 最后，有没有一种简单的方法可以在此图表上绘制回归线？

非常感谢

Answer 1

您使用了类别轴，它是不同值的序数轴。这就是您描述的行为的原因，它们被视为文本值而不是数字。尝试使用这样的测量轴：

xAxis = myChart.addMeasureAxis("x", "x");
yAxis = myChart.addMeasureAxis("y", "y");

您还需要调整系列以包含 x 和 y 维度，否则它们将被聚合：

s1 = myChart.addSeries(["x", "y", "Price Tier"], dimple.plot.bubble, [xAxis, yAxis]);

它正在工作。

https://jsfiddle.net/ch2187dd/5/

回归线是一个单独的问题，没有开箱即用的方法，您需要手动计算点。