D3.js 尝试创建具有线性x轴(如时间轴)的折线图,但使用数字数据,以DimpleJS表示

D3.js 尝试创建具有线性x轴(如时间轴)的折线图,但使用数字数据,以DimpleJS表示,d3.js,charts,linegraph,dimple.js,D3.js,Charts,Linegraph,Dimple.js,我有一张折线图,我刚刚注意到x轴不是线性的。我使用的是AddAxis,它的行为就像一个分类轴。这会使x轴上的比例非线性,并将点间隔相等的距离。我希望x刻度从最小x值到最大x值,并根据最小到最大的线性刻度等距排列。时间轴似乎可以做到这一点,但我只有数字数据,而不是时间格式 是否有其他轴类型我应该使用?或者,是否可以使用时间轴并将数据格式化为基本数字和十进制值 谢谢 是的,您可以使用这样的测量轴。下面是一个例子: var data = [ { "X Value" : 1000, "Y Value

我有一张折线图,我刚刚注意到x轴不是线性的。我使用的是AddAxis,它的行为就像一个分类轴。这会使x轴上的比例非线性,并将点间隔相等的距离。我希望x刻度从最小x值到最大x值,并根据最小到最大的线性刻度等距排列。时间轴似乎可以做到这一点,但我只有数字数据,而不是时间格式

是否有其他轴类型我应该使用?或者,是否可以使用时间轴并将数据格式化为基本数字和十进制值


谢谢

是的,您可以使用这样的测量轴。下面是一个例子:

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();

谢谢,这有助于我认识到我的实际问题所在。我经常看到的数据是这样的,所以我想我的问题更多的是将xaxis的范围设置为从最小值开始,到最大值结束。有一个d3函数可以实现这个功能,但在酒窝中会起作用吗?太棒了,谢谢,我只是在玩这个。看起来我可以使用d3.max和d3.min来查找max和min值,然后将axis.overridemin和max设置为这些值。非常感谢!