2017-09-01 9 views
0

とd3jsでいくつかの他のプロパティ私はAngular2カント(d3.svg `のようなアクセス)、d3.scale()`とangular2

にD3をインストールするには、以下のコマンドを使用してangular2 はIAMにd3.jsを使用しようとしています
npm install --save d3 
install --save-dev @types/d3 

私は.angular-cli.jsonにする

を私はカントプロパティの一部をパスを追加

{ 
    "name": "my-app", 
    "version": "0.0.0", 
    "license": "MIT", 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve", 
    "build": "ng build", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/animations": "^4.0.0", 
    "@angular/common": "^4.0.0", 
    "@angular/compiler": "^4.0.0", 
    "@angular/core": "^4.0.0", 
    "@angular/forms": "^4.0.0", 
    "@angular/http": "^4.0.0", 
    "@angular/platform-browser": "^4.0.0", 
    "@angular/platform-browser-dynamic": "^4.0.0", 
    "@angular/router": "^4.0.0", 
    "core-js": "^2.4.1", 
    "d3": "^4.10.0", 
    "rxjs": "^5.1.0", 
    "zone.js": "^0.8.4" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.2.1", 
    "@angular/compiler-cli": "^4.0.0", 
    "@angular/language-service": "^4.0.0", 
    "@types/d3": "^4.10.0", 
    "@types/jasmine": "~2.5.53", 
    "@types/jasminewd2": "~2.0.2", 
    "@types/node": "~6.0.60", 
    "codelyzer": "~3.0.1", 
    "jasmine-core": "~2.6.2", 
    "jasmine-spec-reporter": "~4.1.0", 
    "karma": "~1.7.0", 
    "karma-chrome-launcher": "~2.1.1", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^1.2.1", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "~5.1.2", 
    "ts-node": "~3.0.4", 
    "tslint": "~5.3.2", 
    "typescript": "~2.3.3" 
    } 
} 

など私のpackage.json外観d3.svg(), d3.scale()などのように

エラーを返します。

何故その理由が考えられますか?

+1

'.angular-cli.json'ファイルを更新する必要はありません。私は作業中の[github](https://github.com/PdUi/ng-d3v4-components/tree/ng-bubble-latest)レポを持っており、d3を角度でどのように使うかを示しています。何が間違っているのか、何を試しているのか明確ではないので、ここであなたの質問に答えることは非常に難しいです。これらの関数(コードを含む)をどこで使用しようとしていますか、正確に何を得ていますか?また、あなたはいつエラーを取得していますか? – peinearydevelopment

+1

「node \ _modules/@ types/d3/index」に「scale」と「svg」の重複がありません](https://stackoverflow.com/questions/40988732/scale-and-svg-does- node-types-d3-indexに存在しないノード) – altocumulus

答えて

0

rxjs演算子と同じ方法で、d3から特定のメソッドをインポートできます。あなたはd3.v4

にはスケールが存在しないことを、すべての

import * as d3 from "d3"; 

var x = d3.scaleLinear(); 

注意をインポートすることができ、また

var x = scaleLinear(); 

import { scaleLinear } from 'd3-scale'; 

君はD3の名前空間なしでメソッドを使用することができます