3

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
        }
4

1 に答える 1