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

Highcharts Legend issue: I Wanted to make Legend 100% width and text center align it works fine in crome but it is not aligned center in firefox

try https://jsfiddle.net/74cgu6pm/7 on both crome and firefox you will get to know the issue.legend: { width:'100%' },
0
votes
1 answer

HighCharts: Multiple X and Y Axis tooltip doesn't appear (custom formatter)

I am working on a chart having multiple x and y axis. Data series is linked to these x and y axis. I have a tooltip which is shared and uses html and custom formatter. Below is the configuration of tooltip: enabled: true, useHTML:…
Ritesh Waghela
  • 3,474
  • 2
  • 19
  • 25
0
votes
1 answer

Drill Down (Highcharts) not working with dynamic data in Angular

I'm using high chart API in my angular project, my issue is when I get dynamic data I successfully generate highchart but when I click on any state my drilldown function not getting hit or not working. It's required in my scenario to use highchart…
Ahmer Ali Ahsan
  • 5,636
  • 16
  • 44
  • 81
0
votes
1 answer

How to access class variable / methods in callback in Typescript?

I'm using high chart API in my angular project, so what I need is when I drilldown to any map location, I've got the state code which I passed into my class level method to do some service stuff in it. Here is my current code: ngOnInit()…
0
votes
1 answer

Facing issues with Highcarts.Chart

I am using Highcharts 7.2.2 version to display charts on my application. I am using the below code. The code runs and compile successfully on my local machine. However, when I try to deploy it using CI CD process it keeps giving me the error. Below…
Running Rabbit
  • 2,634
  • 15
  • 48
  • 69
0
votes
1 answer

Highcharts with Angular

I am in process of upgrading my high charts to version > 7.0. However, when I go through the below URL, it says that I would required Angular version > 10 and high charts version > 7.0 for latest high charts…
Running Rabbit
  • 2,634
  • 15
  • 48
  • 69
0
votes
0 answers

Highcharts Flags are not visible in some cases

I found a bug in highcharts where a group of Flags are placed on one spot. (http://jsfiddle.net/BlackLabel/246d13up/2). The bug already got reported on the Highchart Gitlab. A developer posted a workaround. He overrided the…
0
votes
0 answers

Highcharts - I can't display legend of datasets

I'd like to show datasets on the bottom of charts but the only 'series 1' is displayed that I don't want. How can I display the datasets of 'VIOO: 16.7%', 'MRNA: 9.9%', 'VO: 9.4%', etc on the bottom of the chart? const highChartDataset = …
0
votes
1 answer

How to remove and add Plotlines in HighCharts

I have 2 plotlines in highchart. When I select (for zoom & reset) some range before and after the plotline area some cases having plotlines even it's not in the selected range. So decided to remove the plotlines after validating the selected range…
Zhu
  • 3,679
  • 14
  • 45
  • 76
0
votes
1 answer

How to set reset zoom button and title to exactly center of the high charts

I am trying to set the reset zoom button and title to exactly the center of the high chart. Here the title is the selected time range of the chart portion. I need to set this as dynamically centered based on the screen resolution. chart:{ …
Zhu
  • 3,679
  • 14
  • 45
  • 76
0
votes
0 answers

HighStock Boost module Chrome browser error

I want to load many stock charts on a single page. ~1500 charts with 1 year timeseries data. I use the boost module but get the following error on Chrome Console and midway the Chrome goes to a black screen, however it recovers from it yet the error…
user4772933
  • 311
  • 3
  • 13
0
votes
2 answers

world map not displaying - Angular Highcharts

I am trying to display a worldMap Highcharts. I followed this example stackblitz Highcharts Angular where it is working fine. but when trying to run the example locally it display the zoom buttons and the legends but without the map and with no…
Ali
  • 1,633
  • 7
  • 35
  • 58
0
votes
1 answer

Angular load src instead of minified in development mode

I am using Highcharts with Angular. I am getting some console error in highStock.js file due to my code. I want to debug it, but HighStock.js is loaded as minified version. How can I force the app to load highstock.src.js instead so it is more…
user4772933
  • 311
  • 3
  • 13
0
votes
0 answers

How to change the legend shape for pie chart in Highcharts?

I am new to High charts. Wanna know how can I have different legend symbols for different pieces of pie chart in High charts. Expected behaviour: my chart options are: // Create the chart Highcharts.chart('container', { chart: { type:…
0
votes
1 answer

Highcharts Gauge not showing in Angular

I am using Angular and Higcharts to visualize some data. I have gotten many of the other Highchart components working, now I want to use the gauges. I went to the Highcharts website and used the example at their demo section. Unfortunately this is…