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
2
votes
2 answers

angular2-highcharts is not working in angular 11

I was working with angular2-highcharts it was working since angular 8 but found its not working after I upgrade to angular 11 Here is my snippet import { ChartModule } from 'angular2-highcharts'; @NgModule( { declarations: [ …
sbpavar
  • 33
  • 4
2
votes
1 answer

Is there a way to get the mouse coordinates with respect to page on mouseOver of a point in Highcharts?

I am trying to have a highchart spline chart with tooltip positioned to the right corner and have another tooltip on mouseover specific points. So basically I would like to show Two tooltips for some points. So far i was able to do that only on…
cattyWashington
  • 81
  • 1
  • 10
2
votes
2 answers

Highcharts line chart all points disappear when have more than one points with same X Axis

I'm using angular-highcharts with angular 7. When I use type:"category" for xAxis like below: xAxis: { title: { text: 'myCustomDates' }, type: 'category', categories: ["1398/03/01", "1398/03/02", ...], } and data in the series looks…
Jalaleddin Hosseini
  • 2,142
  • 2
  • 25
  • 28
2
votes
2 answers

Angular Highcharts Custom Legend Label In Area Chart

I've to customize label symbol in area chart type as it can done in line chart type: I've this code: Highcharts.chart('container', { chart: { type: 'area' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May',…
Segamoto
  • 315
  • 4
  • 13
2
votes
2 answers

Highcharts conditionally disable marker on hover

New to highcharts - I've got a chart that I have markers disabled on series plotOptions: { series: { marker: { enabled: false } } }, which is great for the drawing of the lines, but, when I hover over the chart…
nbpeth
  • 2,967
  • 4
  • 24
  • 34
2
votes
0 answers

Data label is getting hidden in pie(simple donut) chart.Not adjusting with-in the given space

I am trying to fit in the dynamic text on to the pie chart (donut) with fixed width and height. The data labels with connector are not getting aligned within the specified boundaries which are 550w x 208h. The number of data labels are fixed to be…
Ranjan G
  • 21
  • 1
2
votes
2 answers

Javascript callbacks in Typescript. Accessing both class members and javascript 'this' parameter

I am using an Angular wrapper for a library called HighCharts. There is a callback for when I hover over the chart which is a javascript callback. The this parameter of this javascript function provides me with data that I need but I also would like…
Austen Stone
  • 948
  • 1
  • 10
  • 21
2
votes
1 answer

Hight Chart Polar Scatter Plot values on chart and x-axis

I want to create chart as per below image. I have also created jsfiddle using highchart in the fiddle. but, still not able to do what I want. How do I do? Any help would be …
Rishabh Shah
  • 541
  • 7
  • 28
2
votes
1 answer

How do i add mouse wheel code in Angular2 highcharts in typescript

I need to add the mouse wheel in the highcharts vertical scrollbar. I got the code in this fiddle http://jsfiddle.net/d3r8pb7c/ but that code written in jQuery format. When i try to add the code in the typescript in the following way mouse wheel not…
G Pandurengan
  • 129
  • 2
  • 9
2
votes
1 answer

Highcharts Angular dynamic update

I want to update my Highcharts gauge with a value from my Observable subscription below, but I can't figure out how to feed the series: data: [] value. I've looked at highchart examples but they all have static data in them. I cannot find any clear…
D Brian Beardmore
  • 35
  • 1
  • 8
2
votes
1 answer

export csv from highcharts

I'm using angular-5,angular2-highcharts version 0.5.5 and highcharts version 6.0.7. I want to add in my html in not in the chart a button for download the chart in png or csv. Png one works fine, but I can't got it with csv: This is my…
cucuru
  • 3,456
  • 8
  • 40
  • 74
2
votes
1 answer

TreeMap chart of Highcharts in Angular

I'm running into issues and not been able to render TreeMap chart. Other chart types like Line works fine in my App. The error I get is Error# 17. I'm using Angular 5. Can you please share any working sample using Angular5 and Highcharts for…
Sagar Agrawal
  • 639
  • 1
  • 7
  • 17
2
votes
2 answers

How to change chart's width to fill up div using angular2-highcharts when hide/open left side nav menu?

How to change chart's width to fill up div when hide/open left side nav menu using angular2-highcharts?? I tried to use style="display:block; width: 100% !important;" as recommended on most resources I found, but it didn't help. Here is an example…
akushylun
  • 151
  • 1
  • 5
2
votes
2 answers

Angular4 Highcharts TypeError using require

I'm making use of Angular4 and angular2-highcharts. According to the documentation I need to include the highcharts modules with the require attribute. It worked fine for including the highcharts module, but not with the additional modules…
viddrawings
  • 255
  • 1
  • 4
  • 19
2
votes
1 answer

How to change Time Zone in Angular2-HighCharts?

I am stocked for few days now trying to change the UTC time in an area chart using Angular2-HighCharts. My back-end Api returning me some Timestamp then I inject it in the chart and, everytime it's convert in "human time" with two hours less, I know…
Emile Cantero
  • 1,943
  • 3
  • 22
  • 47
1
2
3
…
15 16