我想显示“今天”的基于时间的数据的线性图表。在中午,由于系列不包含更多数据,因此只会填充图表的一半。如何让人力车显示整个图表而不仅仅是现有数据的时间范围?
答案 0 :(得分:1)
我遇到了同样的问题,并通过添加null
数据点并使用所需的最小和最大x值来解决此问题:
<div id="chart"></div>
<div id="x_axis"></div>
<script>
var graph = new Rickshaw.Graph( {
element: document.getElementById('chart'),
width: 500,
height: 200,
renderer: 'line',
series: [
{ data: [
{ x: -5, y: null},
{ x: 10, y: null},
]
},
{ color: 'steelblue',
data: [
{ x: 0, y: 40 },
{ x: 1, y: 49 },
{ x: 2, y: 38 },
{ x: 3, y: 30 },
{ x: 4, y: 32 } ]
}
]
});
var x_ticks = new Rickshaw.Graph.Axis.X({
graph: graph,
orientation: 'bottom',
element: document.getElementById('x_axis'),
pixelsPerTick: 100,
});
graph.render();
</script>
这显示了x轴从-5到10的图表,数据仅在0到4之间。