Questions tagged [highcharts-ng]

A simple AngularJS directive for Highcharts.

A simple Angularjs directive for Highcharts.
See: https://github.com/pablojim/highcharts-ng

How to install: bower install --save highcharts-ng

271 questions
3
votes
0 answers

Highcharts size in bootstrap modals with angularjs

I have a problem with highcharts and bootstrap modals. The highcharts chart does not fit correctly inside the container. The chart should has the width = 100% but it has width = 600px, the default modal width. This is not ok if you use the…
3
votes
0 answers

Highcharts-ng, excessive re rendering

I wonder how I should go about having better animations when adding points to a area plot. In regular highcharts this is done pretty smooth but using highcharts-ng it rerenders a huge chunk of the chart. I have two fiddels that shows the issue. Maby…
Note89
  • 251
  • 1
  • 9
3
votes
1 answer

How to place x axis labels on top of horizontal bar chart

Current Chart Desired Chart Does anyone know to accomplish this? I really don't want to go back to divs. Thank you!
Gustavo Matias
  • 3,508
  • 3
  • 27
  • 30
3
votes
1 answer

Explanation of why I need to wrap a highcharts jquery event in an angular $timeout to access properties

The goal of this question To understand why I have to wrap a highcharts load event handler call with a $timeout, before I can have full access to all the data the highcharts object embedded in the event is meant to provide. As stated in the topic I…
Hassan Syed
  • 20,075
  • 11
  • 87
  • 171
3
votes
2 answers

Highcharts-ng with drilldown

I've been using highcharts-ng in my angularjs project. All was doing well but now I need to use some drilldowns to detail my information and it's not working using drilldown.js. I followed the example given on highcharts' drilldown tryout fiddle but…
João Martins
  • 1,026
  • 2
  • 14
  • 35
3
votes
1 answer

AngularJS for Highcharts with dynamic ajax data

I'm learning Javascript and AngularJS by integrating two examples: Spring MVC and AngularJS and AngularJS and Highcharts. This seemingly simple task has puzzled me for a few days: In the Spring REST-powered backend, I added the class Book with a…
Copacabana
  • 41
  • 1
  • 4
2
votes
1 answer

Combining graphs in highcharts

I am trying to plot two line graphs based on the dynamic data from the server. These graphs are comparison based graphs, where in data points are compared over time I am trying to make one of the graph as a area graph and the other one remains line…
user13349816
2
votes
1 answer

How to display last data point value in a tag on Y Axis in line chart of highChartjs

I want to print end point value of chart as colorful tag like following image: and i'm tried as following methods : Solution 1 was successful on candlestick chart but couldn't work on line chart : Solution 1(JsFiddle): $(function() { …
Aref Zamani
  • 2,023
  • 2
  • 20
  • 40
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
1 answer

How to fix hidden dataLabel in highcharts?

Please take a look at JSFIDDLE. Here, the green bar doesn't display any value. I know adding overflow:"none", crop:false will display the value. But it goes out of plotting area, sometimes for larger numbers it overlaps title. I would like to get…
Jeffrin John
  • 675
  • 2
  • 7
  • 16
2
votes
1 answer

Creating Highcharts with Angular using Highcharts >= 5.0.0 and highcharts-ng >= 1.0.0 using a ChartFactory

I would like to make the transition from pre-version 5.0.0 Highcharts and highcharts-ng version 0.0.12 to the latest versions. I know there are some critical changes in the chart object, as well as with how highcharts-ng works in the latest…
onmyway
  • 1,435
  • 3
  • 29
  • 53
2
votes
1 answer

Add data dynamically to the top level in highcharts when drilling up

I am using asyn drilldown in highcharts. When I drilldown I am calling a service to get data and updating the series (in the drilldown event) drilldown: function(e) { ..... // Service call to get data for the chart …
2
votes
1 answer

Java export server : (SVGConverter.java:convert:108) responce : ReferenceError: Can't find variable: Highcharts

System : windows 10 and AWS EC2 I have follow below steps: install jdk install tomcat8 install maven PhantomJS Updated app-convert.properties according to system (windows/linux) Added new required highchart java-script files in diectory…
Kunal
  • 464
  • 2
  • 8
  • 23
2
votes
2 answers

Passing callback function to labelFormatter in highchart legend in typescript

I am trying to use HighCharts in Angular2 using typescripts. I am trying to format my legend text, with image to show up next to it. HighChart legend has labelFormatter property to provide callback…
microchip78
  • 2,040
  • 2
  • 28
  • 39
2
votes
1 answer

Highchart how to enlarge the plotBands in a gauge?

I have a gauge chart made with Angular and Hightchart library. The gauge has three colored plotBands, but I need they are large as the tick. How can enlarge the plotBands or make the same things with background? it has the follow configuration: var…
Zauker
  • 2,344
  • 3
  • 27
  • 36
1
2
3
18 19