angular2-highcharts | : bar_chart : : chart_with_upwards_trend : Highcharts | Chart library

I have the following component

I am testing a Highcharts Angular2x Wrapper. At first, I had no problem using Angular CLI (1.6.1) "ng serve" and profiling performance with Chrome. Then, i tried to use ahead-of-time compiling to see how that affects the performance.

So, using:

I would like to use the spiderweb chart from highcharts, which requires me to import highcharts-more, but I cannot figure out how to do that. Currently, this is how I've added highcharts to my project, from app.module.ts:

When i try to implement the following plunkr in Angular, i get the following error message.

There were few SO questions regarding this question, but none of those not worked for me, hence posting this question. ng serve works fine but when I do "ng build --prod" and deploy the application to the cloud foundry this error showing.

I have already tried similar answers provided for this same question, but no luck

.angular-cli.json file

I am using angular2-highcharts chart module for my angular2 web application.

When graph < 7000 points, the line and points display as intended. However, after ~>7000 points, the graph sometimes does not render a line, but if I hover over the graph, the tooltip for the points are shown.

I tried turboThreshold, but it does not do anything.

Any suggestions?

--- Code ---

1. i am trying to creating a build and getting below error

   11 silly lifecycle corporate-solutions@0.0.0~start: Returned: code: 139 signal: null

   11 silly lifecycle corporate-solutions@0.0.0~start: Returned: code: 139 signal: null

   12 info lifecycle corporate-solutions@0.0.0~start: Failed to exec start script

   13 verbose stack Exit status 139

   13 verbose stack at EventEmitter. (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:285:16)

   13 verbose stack at emitTwo (events.js:126:13)

   13 verbose stack at EventEmitter.emit (events.js:214:7)

   13 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)

   13 verbose stack at emitTwo (events.js:126:13)

   13 verbose stack at ChildProcess.emit (events.js:214:7)

   13 verbose stack at maybeClose (internal/child_process.js:925:16)

   13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)

also sometimes getting same error while start the Server

1. npm version v5.7.1
2. node version v8.9.3
3. OS : ubuntu 16.04 LTS

below is my package.json

I am implementing Highcharts in angular5 using ng2-highcharts npm package. But it is giving error that highcharts is not defined.

I have an angular5 project in which i am implementing Highcharts and using "angular2-highcharts" npm package. But it is giving an error

Highcharts is not defined at new AppComponent

Here is my code

https://stackblitz.com/edit/angular-vvxq6w

I am implementing this example. This should be like this

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/demo/spline/

I'm leveraging angular2-highcharts to illustrate a daily score from 0 to 100. I'm having an issue with the way Highcharts automagically illustrates a column when only one data point is present in a series.

Technically, this is correct. However, business leads see this as looking more so like a 70, 80, etc. and in their defense with no other data point available, that perspective isn't wrong.

HighCharts experts - please help me determine if some part of this API already covers this scenario or if a hand-rolled solution is needed here.