Stack Overflow
Stack Overflow

Questions tagged [angular2-highcharts]

For questions directly related to angular2-highcharts library.

angular2-highcharts is a Highcharts wrapper providing charting components for Angular

238 questions
14
votes
3 answers

How to import highcharts-more

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: import { ChartModule }…
Jesper
  • 2,644
  • 4
  • 30
  • 65
10
votes
1 answer

Angular 2 - AOT - Calling function 'ChartModule', function calls not supported

I am losing my mind and hair over this. I am importing HighCharts in Angular 2 but need to require some of its extra libraries. So far in my code I have import {ChartModule} from…
Julian
  • 781
  • 1
  • 11
  • 32
8
votes
3 answers

Drill Down (Highcharts) not working in Angular 5

# Tried new way of importing modules. (app.module.ts). Imported more module in app.module. Also in component have json structre with drilldown . Still unable to render on the page " import { ChartModule, HIGHCHARTS_MODULES } from…
Manhar Sapra
  • 659
  • 1
  • 11
  • 21
8
votes
3 answers

Typescript and Angular2-highcharts: Property 'series' does not exist on type 'Object'

When i try to implement the following plunkr in Angular, i get the following error message. Property 'series' does not exist on type 'Object'. http://plnkr.co/edit/OQSFSKisIIWAH0megy4d?p=preview i've installed "angular2-highcharts": "^0.5.5", and…
Andreas Hald
  • 215
  • 3
  • 13
7
votes
4 answers

Call an angular component method when we click on highchart series

I use angular2-highcharts and I want to call a component method in a local function but I don't know how it could be possible. Could you help me ? A plunker example : http://plnkr.co/edit/gOLGytp9PZXiXvv2wv1t?p=preview import {…
al37350
  • 139
  • 2
  • 8
6
votes
1 answer

Highcharts - yAxis logarithmic scale and allowDecimals set to false not seeming to have any effect

I am wanting to prevent the display of decimal values on a y-axis of an area chart I have configured. When my chart initially shows with all series showing, I see: But after filtering out some of the series to show, I see the y axis start showing…
mindparse
  • 6,115
  • 27
  • 90
  • 191
6
votes
5 answers

Real time chart with angular2-highcharts

I want to insert real time chart in my angular2 application, I'm using angular2-highcharts. npm install angular2-highcharts --save app.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl:…
naruto
  • 511
  • 1
  • 6
  • 11
5
votes
2 answers

highcharts organization chart is throwing error when loading module

I am trying to generate Organization charts using highcharts and highcharts-angular. However, it is throwing below error while loading organization chart module. organization.js:9 Uncaught TypeError: Cannot read property 'prototype' of undefined at…
Sreehari
  • 1,328
  • 11
  • 29
4
votes
3 answers

No input was found in config file tsconfig.json

Through npm I have downloaded angular2-highcharts for my application. I just noticed that Visual Studio Code gives me an error in the tsconfig.json file of the package: file:…
Jesper
  • 2,644
  • 4
  • 30
  • 65
4
votes
1 answer

How to enable noData with highcharts and angular

I would like to enable the "noData" functionality, which by default displays a message when there's no data to be shown in the chart. It says in their docs that the feature requires the file no-data-to-display.js to be loaded in the page. I already…
Jesper
  • 2,644
  • 4
  • 30
  • 65
3
votes
3 answers

Angular Highcharts - How to enable noData options and update it dynamically

I am locally using following highcharts dependencies: "angular-highcharts": "5.2.12" "highcharts": "6.1.0" "@types/highcharts": "5.0.19" Here is a live demo of of my source code, First of all I would like to point out that the usage and enabling…
Saif
  • 1,745
  • 5
  • 23
  • 46
3
votes
1 answer

How to use Highcharts Gantt chart in angular?

Highcharts Gantt is currently in Alpha but we can use it with this link I'd like to use this library in a angular project but I have not found any documation to help me in this direction. Is it possible? If so, what is the procedure? In the case…
Marcel Jr. Samson Morasse
  • 547
  • 2
  • 8
  • 25
3
votes
2 answers

Get the timezone from my browser/server to inject in angular2-highcharts

I actually get the timezone setup manually using the timezoneOffset function coming from the Highcharts API, I am currently in gmt+2 so I set it to -2 * 60 but when we go change the hour in October my setup will not work properly anymore, so I…
Emile Cantero
  • 1,943
  • 3
  • 22
  • 47
3
votes
1 answer

Error: Template parse errors: Can't bind to 'options' since it isn't a known property of 'chart'

I have the following component import { Component, OnInit, Input } from '@angular/core'; import { Observable } from 'rxjs/Rx'; @Component({ selector: 'chart', templateUrl: 'app/comps/chart.html', providers: [], }) export class ChartComp…
blackdaemon
  • 755
  • 5
  • 19
  • 44
2
votes
1 answer

Highchart - The expected type comes from property 'dashStyle' which is declared here on type 'XAxisPlotLinesOptions'

I have added the below code in the xAxis in the highchart. plotLines: [ { color: 'grey', width: 2, dashStyle: 'line' } ], I am getting the below chart, previously I used the dashStyle in other work, here only I am getting…
Sathiamoorthy
  • 8,831
  • 9
  • 65
  • 77
1
2 3
…
15 16