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
2
votes
1 answer

How to use updated data in my Angular App graph after making a http call and using a for loop?

I am using angular2-highcharts but I don't think this issue is specific to it. The issue I am having is that the chart is rendered with an empty array before it is updated with the new data. I eventually want to use a click event to have testArray…
Nicholas
  • 1,113
  • 3
  • 14
  • 33
2
votes
2 answers

change background color in angular2-highcharts

How can i change the background color in angular2-highcharts? i my component i have: chart: any; saveChart(chart) { this.chart = chart; } constructor( private eventManager: EventManager, private locationService: LocationService, private…
2
votes
1 answer

angular2-Highcharts not working in angular-cli project

I have created a new project using angular-cli I followed all the steps that are suggested at the page https://www.npmjs.com/package/angular2-highcharts npm install angular2-highcharts --save import { ChartModule } from…
indra257
  • 66
  • 3
  • 24
  • 50
2
votes
1 answer

angular2-highcharts error: “Chart is unknown chart type”

I'm trying to display a simple highchart inside my Angular 2 app, but it always gives me the following error: Here my app.module.ts: import { ChartModule } from 'angular2-highcharts'; @NgModule({ imports: [ ChartModule.forRoot('highcharts') …
B. Ciervo
  • 135
  • 4
  • 16
2
votes
1 answer

angular2-highcharts import module highcharts-more

I'm using the angular2-highcharts(v0.4.1) component in my Ionic2(v2.0.0) project. When I run my page, I have an error 7 from highcharts. I tried add this code on my angular component, without success... import * as Highcharts from…
Raugaral
  • 1,303
  • 13
  • 25
2
votes
2 answers

JSON data with angular2-highcharts

I want to create chart based on the JSON data. I using angular2-highcharts my ChartsMain component looks like: @Component({ moduleId: module.id, selector: 'charts', templateUrl: 'charts.html', directives: [CHART_DIRECTIVES,] providers:…
Marko
  • 227
  • 2
  • 6
  • 13
1
vote
1 answer

How to draw a column/bar graph or something like timeline from the following data

I have the following data From the above data the need is to draw a timeline of the vechicle with different color for differnet number of times the rollers passed i.e. I am unable to map the data points on chart or some vertical time line Have…
Navitas28
  • 745
  • 4
  • 13
1
vote
1 answer

Solidgauge labels and legends not reflectings series color

I am trying to show the percentage value on the solid gauge graph and its corresponding series names with respective colors in highcharts graphs. here is the example for the graph. In this graph, the series data label value is displayed under the…
Athulya Ratheesh
  • 291
  • 4
  • 22
1
vote
1 answer

How to have category name as Legend instead of series in Highchart for Angular?

I was trying to implement a highchart column chart in angular with multilevel drill down. Since I am not able to add multiple series to drill down in highchart for Angular, I plan to use a single series with multiple categories as my drilldown…
Nikhil B R
  • 11
  • 2
1
vote
2 answers

Internationalization in highcharts with Angular 13

I am using Highcharts with Angular 13 and I am trying to show 'No Data found' text Eng or German. But when I switch the language from EN to DE , I keep seeing 'No Data Found' in Engllish in linechart. I am trying to reset highcharts Options in…
1
vote
2 answers

Angular: HighChart TreeMap is not updating with the new data

I am trying to update my highcharts treemap with new data but it dosen't seem to reflect when I click on update. Only the title getting changed. Also the option which was suggested on multiple page's dont seems to…
Gaurav Pathak
  • 2,576
  • 1
  • 10
  • 20
1
vote
1 answer

Does Angular 4 supports highcharts-angular (Highcharts wrapper for Angular)?

I tried installing all the highcharts-angular versions from 2.0.0 to 2.10.0. With all I'm getting the similar error while running the app. ERROR in Metadata version mismatch for module…
1
vote
3 answers

Click event for bar-chart using Highcharts not working?

As part of my Highchart POC I am trying to achive change a labelcolor of x-axis on click of particular lable on x-axis want to read the current x-axis lable and y-axis data but click event only not firing,, on load I achievd the lable color, but I…
1
vote
1 answer

Can we have 2 Y-axis for StockCharts in HighCart.js?

Picture as a reference I want to build this type of chart and my data set link is below. I'm unable to find any example regarding this. https://docs.google.com/spreadsheets/d/1geCzzfBeyY8yDHAdEFWUSUf8ex3QWfqDtPg7ArOdTw0/edit?usp=sharing
1
vote
0 answers

highcharts, use external function but get highcharts data

I'm using highcharts in angular and trying to configure a personal tooltip. My problem is I need to use the data that I have in my angular component and the point selected in the tooltip, so, if I use this structure: pointFormatter: function () { …
cucuru
  • 3,456
  • 8
  • 40
  • 74
1 2
3
15 16