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
Questions tagged [highcharts-ng]
271 questions
2
votes
1 answer
Highcharts-NG, change language
I use Highcharts-ng in my angularjs application and visualization looks very well. I have just one problem, i can't change the language of the months.
Saw that i usually can overwrite the lang with shortMonths, months etc. but it doesn't affect.
In…
Andy
- 75
- 5
2
votes
1 answer
Highcharts smooth transition on data update using Angular and ng-highcharts
I've recently made a prototype of a highchart that works strictly in jquery. I had a bunch of spaghetti code, but I also had a nice transitional animation when selecting a controller that would animate the chart and update the series. In short, it…
sdawson26
- 139
- 4
- 15
1
vote
0 answers
How to increase the size of the Performance Analytics widget in Service Now?
I am new to ServiceNow Portal and trying to increase the size of the Gauge in the Performance Analytics widget. The top two gauges are from Report widget. It looks fit with the column. But the bottom widget is so small. How can I increase the…
ub_303
- 310
- 1
- 8
- 22
1
vote
1 answer
Highcharts load series data problem in Angular
I'd like to display ECG signals. My data array: [ [time,value], [time2, value2] etc... ], but it's not the array that the essential. The problem is that I cannot access my data array in setInterval, so my chart options:
this.chartOptions = {
…
Drayton
- 23
- 5
1
vote
1 answer
How to do grouping in Array of Objects in angular 8
How can I group an array of objects ? Is it possible to use reduce in the following case?
Ex: I need to group id and name if its same need to append data alone into one field.
[{
data: ["Sriram Krishnan", 1440]
id: "CHARSUR"
name:…
shalish
- 13
- 2
1
vote
1 answer
Sync ticks on multiple independent axis
I am working on a diagram with 2 independent y-axes. The left one with temperature data and the right one with humidity data. I want to synchronize the ticks from the right axis with the ticks and grid lines from the left axis.
I have achieved…
heyko
- 11
- 1
1
vote
0 answers
"out of stack space" using IE11, angularjs and highcharts-ng plugin
I've found a problem with IE11. When multiple charts was rendered, IE11 throw some "out of stack space" errors.
This is the JSFiddle with the code.
After some tests I think the problem is in "highcharts-ng" plugin in this function (row 103):
…
Valerio
- 23
- 3
1
vote
1 answer
HighCharts - do not crop series line on max value
I've been digging through the highchairs api and can't seem to find anything, so who knows if it's possible.
I have a graph that represents data as percentages - min and max are concrete at 0, 100 respectively. Linewidth is set at 2 and I've…
nbpeth
- 2,967
- 4
- 24
- 34
1
vote
1 answer
Change Highchart Options dynamically in angular
I've seen a few answers online but none that seem to apply to angular.
I have an example with a simple chart and two series. I want the toggle to toggle the visability of the second series.
this.chartOptions.series[1].visible = true|false;
but this…
Dustin
- 387
- 4
- 14
1
vote
1 answer
Is it possible to create network graph using from left to right as tree graph using highcharts?
I am trying to generate a networkgraph using highcharts and highcharts-angular. My task is to generate a network graph some thing like a sleeping tree graph as in the picture below. I am trying all the series options as in the Highcharts api docs .…
Sreehari
- 1,328
- 11
- 29
1
vote
1 answer
How to add random ticks on a line chart at a specific position
I am trying a plot a highchart with single series and add some points which are marked in different style on the same line.
For example :
I am trying to plot a week (date & time) on x-axis and number of available hours in that week(5…
Sampat
- 304
- 2
- 5
- 13
1
vote
1 answer
dynamically apply timezone offset to a highchart
I have a chart which ultimately I'd like to apply timezone offsets to from a dropdown list of timezones. The incoming times from json will all be UTC.
Is there a way to let highcharts handle the offset with the global timezoneOffset property,…
mao
- 1,059
- 2
- 23
- 43
1
vote
0 answers
Highcharts gauge not displayed correctly in Firefox
I have an angularjs application in which I display some highcharts graphs.
I display linechart graphs and gauges. With google chrome all graphs are displayed well but on firefox, the gauge are not well displayed.
This is my html code:
Adrien
- 2,866
- 4
- 23
- 46
1
vote
0 answers
Highchart rangeSelector is not showing after highchartjs, highchart-ng upgrade
I have upgraded HighchartsJs to 6.1.0.
So i got compelled to upgrade highchart-ng to latest version(1.2.1).
Also i added polyfill for angular-component and angular-merge because i am using angular-1.3.17.
After the upgrade, rangeSelector which is…
Jeff Johny
- 418
- 1
- 5
- 19
1
vote
2 answers
How to feed two values to y axis at a time corresponds to single x axis value in Highchart
My requirement is to plot a Highchart using X and Y axes. The x-axis shows years and the y-axis shows the corresponding amount in millions.
For the year 1966, I would like see my chart first traverse to 2396, and then to 435, and only then should…
Kiran
- 11
- 2