angular-nvd3 の LinePlusBarChart を使用して、次のようなデータを表示しています。
http://plnkr.co/edit/mrkvM1ihrVRN9jdBFWiF?p=preview
上記の例では、x 軸のドメインはデータの日付値に基づいています。
2000 年から 2004 年の間に利用可能なデータがない場合でも、linePlusBarChart で x 軸の日付間隔を変更して、2000 年から 2015 年まで継続するにはどうすればよいですか?
更新:通常の lineChart の場合、設定は正常にchart.xDomain = [minDate, maxDate]
機能します。グラフchart.lines.xDomain = [minDate, maxDate]
はデータを適切に表示しておりchart.bars.xDomain = [minDate, maxDate]
、グラフの x 軸は 2000 年から 2015 年までです。最大日付。エラーを示す画像を次に示します。
チャート オプションは次のようになります。
chart: {
type: 'linePlusBarChart',
height: 300,
margin: {
top: 30,
right: 75,
bottom: 50,
left: 75
},
bars: {
forceY: [0]
},
color: ['#2ca02c', 'darkred'],
x: function(d,i) { return i },
xAxis: {
axisLabel: 'X Axis',
tickFormat: function(d) {
var dx = $scope.data[0].values[d] && $scope.data[0].values[d].x || 0;
if (dx > 0) {
return d3.time.format('%x')(new Date(dx))
}
return null;
}
},
y1Axis: {
tickFormat: function(d){
return d3.format(',f')(d);
}
},
y2Axis: {
tickFormat: function(d) {
return '$' + d3.format(',.2f')(d)
}
},
focusEnable: false
}