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

How to import exporting.js and export-data.js using angular2-highcharts and AOT compiler?

I'm using angular2-highcharts and my chart works just fine, but I need to export the chart to XLS. All I need to achieve this is doing HighchartsExporting(Highcharts); HighchartsExportData(Highcharts); somewhere in the code, and the export options…
0
votes
0 answers

How to use the update API from highcharts in angular2-highcharts

I am trying to implement synchronized charts using angular2-highcharts. I also have a dynamic Y axis. So my chart options for the yAxis change based on the user input. In highcharts there is an way to update the option and render the chart again.…
Samual krish
  • 263
  • 2
  • 3
  • 9
0
votes
0 answers

Labels for ANgular2 highcharts

Hello, I am working on angular2 highcharts,on mouse over only charts displaying data labels.But i need to display the labels always not particularly on mouse over like we display in jquery highcharts(https://www.highcharts.com/demo/pie-basic). Below…
user1551433
  • 115
  • 1
  • 1
  • 7
0
votes
2 answers

Using highcharts SvgRenderer class in angular 4

How can I use HighCharts SvgRenderer class in an angular 4 typescript project to render images inside a high chart?
Arjun Singh
  • 677
  • 6
  • 18
0
votes
1 answer

angular2-highcharts x axis moves up on drilldown

I am using angular2-highcharts v0.5.5, which installs highcharts v5.0.14. When I do a drilldown on a column chart, the columns sometimes no longer align with the x axis. I saw this which seems to indicate an update fixed an older version. Is…
holtc
  • 1,780
  • 3
  • 16
  • 35
0
votes
1 answer

angular2-highcharts click on point, open user input, display user input in annotation

I am using angular2-highcharts line chart to show visitors per week. I use mock data to create points in the chart. What i would like to achieve is that a user can input something like 'Christmas Eve' when he/she clicks on a point and then an…
Thijs
  • 33
  • 5
0
votes
0 answers

Integrating highcharts highstock in angular 4

Can somebody please suggest how to use highcharts-highstock in angular4? I have tried various configurations but, I have not been successful so far.
Arjun Singh
  • 677
  • 6
  • 18
0
votes
0 answers

Highchart - get number of legends disabled

I have created line chart using Highcharts. I have 4 series and thus it shows 4 legends. I need a functionality where I want to know if 3 legends have been disabled i.e. only 1 series data is there , then redraw the chart .Is there any way to…
Shifs
  • 335
  • 2
  • 4
  • 16
0
votes
1 answer

Highcharts Line Chart does not fit data into all of categories

Highcharts seems to create numbers that are not inside categories. Is there a way to auto-adjust data to fit into the categories. this.options = { chart: { type: 'line' }, title: { text: 'Line Test Chart' …
Vinny P.
  • 21
  • 9
0
votes
2 answers

Angular 4 angular2-highcharts week dates

Im running round in circles trying to find a decent way to get week dates on the xaxis on a chart. In the following fiddle it is easily added with the dateFormats hook, but using Angular I don't have access to any global "Highcharts" object. So how…
Out of Orbit
  • 543
  • 2
  • 5
  • 17
0
votes
0 answers

yAxis title is not visible. (highcharts)

I am developing spline chart. And this is my yAxis: [ { "title": { "text": "Head (ft)", "margin": 0, "x": -5 }, "labels": { "format": "{value:.0f}", "x": -5 }, "visible": true, "opposite":…
John Doe
  • 3,794
  • 9
  • 40
  • 72
0
votes
1 answer

Highcharts bar chart configuration to increase height and round edges

In an Angular 4 project I am using the angular2-highcharts library to create a stacked bar chart. The following object is the configuration I have so far. { title: { text: '' }, xAxis: { categories: [''], crosshair: true, visible:…
0
votes
0 answers

@Input data binding not rendering to the child using Highcharts api

When I triggered an event coming from a method via an input it don't render properly the data to the chart here's an example of my pb: My chart was working until I put it in the child. It looks like the data are not coming trough the…
Emile Cantero
  • 1,943
  • 3
  • 22
  • 47
0
votes
1 answer

setData is not a function + Angular2-Highcharts

I was following simple example to set data to Highcharts using this Angular2-Highcharts module As shown in the following example, i have made small tweak to dynamically set data to Highcharts. Following is the code snippet : constructor() { …
BeingSuman
  • 3,015
  • 7
  • 30
  • 48
0
votes
2 answers

Angular 2 Highcharts font awesome for custom buttons

I was looking at this example to apply font awesome to custom buttons in highcharts. http://jsfiddle.net/zfngxoow/6/ (function (H) { H.wrap(H.Renderer.prototype, 'label', function (proceed, str, x, y, shape, anchorX, anchorY, useHTML) { …
Mohy Eldeen
  • 1,261
  • 2
  • 13
  • 24