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/

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