D3.js NVD3 X轴订购不正确(日期)
我试图将两个系列形象化,但当我将它们形象化在一起时,日期不再按顺序排列 这是小提琴:注意奇怪的x轴 有没有办法在nvd3上固定x轴 数据如下所示:D3.js NVD3 X轴订购不正确(日期),d3.js,nvd3.js,D3.js,Nvd3.js,我试图将两个系列形象化,但当我将它们形象化在一起时,日期不再按顺序排列 这是小提琴:注意奇怪的x轴 有没有办法在nvd3上固定x轴 数据如下所示: data1 = [{ "date": 1396828800, "impressions": 49145385 }, { "date": 1396915200, "impressions": 46704447 } .... NVD3“多重条形图”使用顺序(类别)刻度,因此它将仅显示您给它的x值,
data1 = [{
"date": 1396828800,
"impressions": 49145385
}, {
"date": 1396915200,
"impressions": 46704447
} ....
NVD3“多重条形图”使用顺序(类别)刻度,因此它将仅显示您给它的x值,按照它们添加到刻度的顺序。因为你的两个系列在x轴上只是部分重叠,这会造成问题
与其他NVD3图表类型不同,多重条形图不允许您设置自己的比例——它需要使用顺序比例,以便为条形图生成均匀的宽度。但是,您可以通过调用chart.xDomain(arrayOfXValues)
来设置x域(用于每个条形图的类别列表)
该数组需要是跨越数据的日期值的有序数组。为了生成它,您需要。您可能还需要查找最大值和最小值。不确定您在那里做什么,但您需要将日期转换为
Date
对象,以便时间刻度正常工作。我明确转换为Date
,我遇到了同样的问题: