Error when using Highcharts with Angular 2 -


i using angular2-highcharts component.ts file below:

import { component } '@angular/core'; import { chart_directives } 'angular2-highcharts';  @component({     selector: 'emotions',     templateurl: 'app/components/emotions/emotions.component.html',     providers: [emotionsservice],     directives: [chart_directives]  }) export class emotionscomponent {     constructor(private emotionsservice: emotionsservice) {         this.options = {             title : { text : 'simple chart' },             series: [{                 data: [29.9, 71.5, 106.4, 129.2],             }]         };     }     options: highchartsoptions; }

in template file

<chart [options]="options"></chart>

package.json file has following alongwith other angular dependencies:

"dependencies": {     "angular2-highcharts": "0.2.1"   },

i have run npm install , angular2-highcharts has been install in node_modules folder.

i following error:

zone.js:1274 http://localhost:3000/angular2-highcharts 404 (not found)

i tried change systemjs.config.js file 

map: {             'angular2-highcharts': 'node_modules/angular2-highcharts' }

however, started getting following error:

zone.js:1274 http://localhost:3000/node_modules/angular2-highcharts/ 404 (not found)

how can resolve problem?

edit

i added in system.config.js file

map:{ 'angular2-highcharts': 'node_modules/angular2-highcharts/node_modules/highcharts/index.js', }

i following error 

zone.js:1274 http://localhost:3000/node_modules/angular2-highcharts/dist/index 404 (not found)

i tried changing index -> index.js. works on gives same error on other js files.

i did following things:

systemjs.config.js

map: {             // our app within app folder             app: 'app',             'angular2-highcharts': 'node_modules/angular2-highcharts',             'highcharts': 'node_modules/highcharts' }  packages: {             app: {                 main: './main.js',                 defaultextension: 'js'             },             rxjs: {                 defaultextension: 'js'             },             'angular2-highcharts': {                 main: './index.js',                 defaultextension: 'js'             },             'highcharts': {                 defaultextension: 'js'             } }

remove directives components file

add following in app.module.ts file

import { chart_directives } 'angular2-highcharts'; @ngmodule({     declarations: [         chart_directives     ], })

-

Comments

Post a Comment

Popular posts from this blog

delphi - Disable and change color of node in Treeview -

Image
i looking way of disabling proper nodes . let's have created simple treeview structure below: parent 1 (disable) parent 2 child 1 child 2 (disable) so far have found workaround how that, still doesn't work @ all. use onchanging event handler: procedure tform1.treeviewchanging(sender: tobject; node: ttreenode; var allowchange: boolean); begin if (node.text = 'parent 1') or (node.text = 'child 1') allowchange := false; end; it works, because can't click on node, issue after 'disabling' node way, color of parent 1 , child 1 nodes same other. way change color of nodes (grey)? or maybe know way disabling nodes in ttreeview component? to disable node, set enabled property false . disabled item displayed in gray color. to change normal color of nodes text, change ttreeview.font.color . to change color of disabled nodes text, use oncustomdrawitem event: procedure tform2.treeview1customdrawitem(sender: tcu...
Read more

unity3d - Rotate an object to face an opposite direction -

i have object , b. when click on object b, rotates object b (a faces b). b doesn't face a. need following : when faces b, need face opposite direction. have code rotating @ b. how rotate face opposite direction after that? vector3 targetdirection = target - transform.position; float step = speed * time.deltatime; vector3 newdirection = vector3.rotatetowards (turretdome.transform.forward, targetdirection, step, 0.0f); turretdome.transform.rotation = quaternion.lookrotation (newdirection); you object facing object b, want inverse direction of object after that? objecta.transform.rotation = quaternion.inverse(objecta.transform.rotation) but lets assume example turretdome object a, (negate direction): turretdome.transform.rotation = quaternion.lookrotation (-newdirection); naturally, both of these snippets not show how smoothen rotation, seem know how use time.deltatime. just incase unsure, quaternion.lerp this
Read more

elasticsearch python client - work with many nodes - how to work with sniffer -

i have 1 cluster 2 nodes. i trying understand best practise connect nodes, , check failover when there downtime on 1 node. from documentation : es = elasticsearch( ['esnode1', 'esnode2'], # sniff before doing sniff_on_start=true, # refresh nodes after node fails respond sniff_on_connection_fail=true, # , every 60 seconds sniffer_timeout=60 ) so tried connect nodes this: client = elasticsearch([ip1, ip2],sniff_on_start=true, sniffer_timeout=10,sniff_on_connection_fail=true) where ip1/ip2 machine ip's (for example 10.0.0.1, 10.0.0.2) in order test it, terminated ip2 (or put non existent if) now, when trying connect, get: transporterror: transporterror(n/a, 'unable sniff hosts - no viable hosts found.') even ip1 exist , up. if trying connect this: es = elasticsearch([ip1, ip2]) then can see in log if client not getting response ip2, move ip1, , return valid response. so missing here something? thought s...
Read more