0

一部のデータをプロットするために、角度ディレクティブで nvd3 を使用しています。以前は問題なく動作していましたが、プロットが消えたか、非常に細い線になっていることに気付きました。データが入ってきて、プロットが表示されていますが、ほとんど見えません。正常に戻すにはどうすればよいですか？

html で表示すると、次のようになります。

    <nvd3 options="options" data="data"></nvd3>

ここにjavascriptのオプションがあります：

    $scope.options = {
        chart: {
            type: 'lineChart',
            height: 200,
            margin : {
                top: 20,
                right: 80,
                bottom: 40,
                left: 80
            },
            color: d3.scale.category10().range(),
            x: function(d){ return d.timestamp; },
            y: function(d){ return d.avg_voltage; },
            useInteractiveGuideline: true,
            duration: 0,
            xScale: d3.time.scale.utc(),
            xAxis: {
                axisLabel: 'Time',
                rotateLabels: 0,
                tickFormat: function (d) {return d3.time.format('%X')(new Date(d))},
                showMaxMin: false,
            },
            yAxis: {
                axisLabel: 'Voltage (v)',
                tickFormat: function(d){return d3.format('.04f')(d);}
            }
        }
    };

また、問題が発生した場合に備えて、すべての JavaScript 依存関係を次に示します。

"dependencies": {
    "angular": "^1.4.0",
    "bootstrap": "^3.3.6",
    "angular-animate": "^1.4.0",
    "angular-cookies": "^1.4.0",
    "angular-resource": "^1.4.0",
    "angular-route": "^1.4.0",
    "angular-sanitize": "^1.4.0",
    "angular-touch": "^1.4.0",
    "d3": "~3.5.8",
    "n3-line-chart": "~2.0.3",
    "angular-nvd3": "~1.0.5",
    "angular-ui-bootstrap": "~1.1.2",
    "font-awesome": "fontawesome#~4.5.0",
    "angular-bootstrap": "~1.1.2"
}

ありがとう

4

0 に答える 0