Question

我有一个折线图，我刚才注意到x轴不是线性的。我使用AddAxis，它就像一个类别轴。这使得x轴上的刻度非线性并且使点间隔相等的距离。我希望x标度从最小x值到最大x值，并且基于min到max的线性标度等间距。时间轴似乎这样做，但我只有数字数据，而不是时间格式。

我应该使用另一种轴类型吗？或者，是否可以使用时间轴并将数据格式化为基本数字和十进制值？

谢谢！

Answer 1

是的，您可以使用这样的测量轴。这是一个例子：

var data = [
  { "X Value" : 1000, "Y Value" : 100 },
  { "X Value" : 1500, "Y Value" : 200 },
  { "X Value" : 3000, "Y Value" : 400 },
  { "X Value" : 7000, "Y Value" : 100 },
  { "X Value" : 8000, "Y Value" : 200 },
  { "X Value" : 8500, "Y Value" : 100 },
];
var svg = dimple.newSvg("#chartContainer", 600, 400);
var chart = new dimple.chart(svg, data);
chart.addMeasureAxis("x", "X Value");
chart.addMeasureAxis("y", "Y Value");
chart.addSeries("X Value", dimple.plot.line);
chart.draw();

http://jsbin.com/jugic/2/edit?html,js,output

尝试使用线性x轴创建折线图，如时间轴，但使用数字数据，在DimpleJS中

1 个答案: