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

Make a bubble chart in ionic framework (with highcharts-ng?)

I am programming an app using Ionic and I need to show charts. For one of them I wanted to try a bubble chart, but I can't seem to find how to do it using highcharts-ng. I know the original library Highcharts has the bubble chart but I can't seem to…
Lyra
  • 301
  • 1
  • 4
  • 19
2
votes
1 answer

Price line disappears in HighChart

I'm using HighCharts and the Angular highcharts-ng directive. And most actions I take have a high likely hood of causing the price line vanish, or rather actually, not display. Resizing the browser window, thus resizing chart (line vanishes…
Leon Gaban
  • 36,509
  • 115
  • 332
  • 529
2
votes
3 answers

Getting Highcharts tooltip to return an angular directive?

We are trying to create some complex tooltips for our Highcharts graph, that will be showing some dynamic data thats in the app but not displayed by the graph, so I figured the best bet was to create an angular directive for all the formatting and…
Ed Roper
  • 59
  • 1
  • 9
2
votes
1 answer

how to add highcharts-ng pie chart custom color for series?

here is my chart object. $scope.chartConfig = { options: { chart: { type: 'pie', plotBackgroundColor: null, …
Midhun Sudhakar
  • 1,238
  • 2
  • 10
  • 14
2
votes
2 answers

Angular rendering 80+ using highcharts-ng

I've got performance issue/question. I'm rendering about 80 area charts in single page using angular and highcharts-ng. When data is loaded and angular is binding it to charts my browser does not respond for about 2 seconds. It is maybe not great…
shark
  • 995
  • 1
  • 8
  • 19
2
votes
1 answer

Do I need to download a specific js library to use highcharts-ng directive or is it already embedded in highcharts.js

I am trying to use highcharts with angular. now I wanted to use ready made directive highcharts-ng but nothing is showing up. I am suspecting that I need to download/use external library although I see nothing mentioning that. so my question is Do i…
2
votes
1 answer

Highcharts with angularjs: smooth transition of bars when updating values

I found this example (JSfiddle) to update a series. $scope.chartConfig.series[0].data = rnd; However the bars change instantly instead of smoothly when you click on the button 'Update Series'. Is it possible to have smooth transition effect of the…
James
  • 21
  • 1
2
votes
3 answers

moment.js timezones .valueOf() not returning expected values

I have an angular application using highcharts-ng to make a line graph. The y-axis is numbers and the x-axis is datetime's. I am trying to properly account for Daylight Savings Time changes when converting between the two timezones of…
Corey
  • 21
  • 1
  • 1
  • 3
2
votes
2 answers

angularjs and highcharts / highchartsNG - renderTo not working

Am using HighChartsNG in Angular. I want to explicitly render my chart in a given Div, so I use the options.chart.renderTo = 'divId', but that doesn't seems to be working JSFiddle Demo html:
sppc42
  • 2,994
  • 2
  • 31
  • 49
2
votes
1 answer

printing pie's dataLabels numbers with commas

I'm trying to print numbers with commas (showing 9,000 instand of just 9000), this is the way I'm setting the format format: '{point.name}: {point.y}' I cant find a way to get {point.y} into a function that will return the wanted result, I tried…
Danny
  • 793
  • 1
  • 9
  • 20
2
votes
1 answer

Highcharts-ng Size does fill div until Inspect Element

I am adding highcharts to my Angular-Firebase app using Highcharts-NG and the highchart is not assuming the size of the div. However, when I got to inspect the element so I can custom size the chart it magically assumes the div size. I've done a…
Chris L
  • 1,051
  • 1
  • 7
  • 20
2
votes
1 answer

how to use angular-gridster and highcharts-ng directives together in angularjs

I am using angularjs-gridster (https://github.com/ManifestWebDesign/angular-gridster) with higharts-ng directive (https://github.com/pablojim/highcharts-ng/blob/master/README.md) I am trying to generate these highcharts inside the grid cells. My…
Mohit Srivastava
  • 1,909
  • 1
  • 13
  • 18
2
votes
0 answers

Highcharts-ng, making rangeselector appear on load

I am using highcharts-ng (https://github.com/pablojim/highcharts-ng) and can reproduce this issue with one of the examples linked from the readme. Steps to reproduce: Go here: http://pablojim.github.io/highcharts-ng/examples/example.html Scroll…
rlsaj
  • 735
  • 1
  • 12
  • 37
2
votes
2 answers

Caveats of highcharts-ng

I read more about highcharts-ng to use directive, but they have many caveats. I have two options: - Use highcharts.js, then create my directives. - Use highcharts-ng directive. Please, What's the best way to use highcharts directive for angular,…
Mohamed Yakout
  • 2,868
  • 1
  • 25
  • 45
2
votes
1 answer

Pie chart with drilldown not working

Here's a plunker: http://plnkr.co/edit/S1B9Q9e1yen0QgmKt2ri var chartConfig = { title: { text: 'Number of offers by trend' }, subtitle: { text: 'My company' }, plotOptions: { series: { dataLabels: { enabled:…
Fourat
  • 2,366
  • 4
  • 38
  • 53
1 2
3
18 19