Question

使用dimple.js，我正在尝试创建一个简单的散点图。但是，我得到的唯一结果是条形图，我不知道如何将其切换为散点图。我的数据看起来像这样;

var data = [
    {"Month":new Date(1942, 8, 1, 1, 1, 1, 1), "Workers":0},
    {"Month":new Date(1942, 9, 1, 1, 1, 1, 1), "Workers":667}
    ...
]

然后我按照这个

创建图表

var svg = dimple.newSvg("body", 800, 600);
var chart = new dimple.chart(svg, data);
var x = chart.addCategoryAxis("x", "Month");
    x.addOrderRule("Date");
chart.addMeasureAxis("y", "Workers");
chart.addSeries(null, dimple.plot.bar);
chart.draw();

我尝试将x更改为chart.addMeasureAxis("x", "Month")，但之后图表甚至无法渲染。任何解决方案？

Answer 1

要渲染散点图，您需要更改：

This webpage is not available

ERR_CONTENT_DECODING_FAILED

到

chart.addSeries(null, dimple.plot.bar);

不同的轴允许您在不同类型的散点图之间进行切换。使用x上的类别轴，您将获得等间距的点，这些点可能看起来更适合作为折线图（只需将上面的内容更改为chart.addSeries(null, dimple.plot.bubble);）。两个测量轴将生成更标准的散点图，在这种情况下，您可能希望将维度传递给addSeries的第一个参数，否则所有数据将聚合到单个点。您可以在examples on the website中看到所有基本类型的散点图以及如何创建它们。

使用Dimple创建简单的散点图

1 个答案: