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

Click event on highcharts chrosshair

I have some Highcharts charts but the click event can only be triggered on a series point. Is there any way to click on the entire crosshair to get the column category (this.category on series click event) ?
Maxime Lafarie
  • 2,172
  • 1
  • 22
  • 41
0
votes
2 answers

Highcharts showing timestamp as wrong date

I need to show correct date on highcharts based on timestamp, Config as follows, series: [{ "name": "avg_sales", "color": "#3b6982", "data": [{ "name": 1230768000, "y": 526.4200000000001 }, { "name": 1230854400, …
Sajeetharan
  • 216,225
  • 63
  • 350
  • 396
0
votes
2 answers

How to solve "TypeError: Cannot read property 'Chart' of undefined"?

I am working on an Angular(1.5.8) project and use bower installed highcharts-ng github link Added highcharts-ng as: angular.module('myapp', ['highcharts-ng', // more modules here.. ]) In my html file, i use below:
Haifeng Zhang
  • 30,077
  • 19
  • 81
  • 125
0
votes
1 answer

Create Highcharts data label formatter that filters the data to display

I am making use of highcharts-ng in my AngularJS application, and was wondering if one could filter data making use of the dataLabels formatter function? I would like to display a {point.name} and {point.value} only when there is a {point.value}. I…
onmyway
  • 1,435
  • 3
  • 29
  • 53
0
votes
1 answer

highcharts-ng addpoint each second

I has a livedata spline (updated each second) But i ll do the same thing with an angular app (I want to do this : http://www.highcharts.com/demo/dynamic-update with highcharts-ng in my angularApp.) without angular i has : events: { …
justON
  • 15
  • 2
0
votes
1 answer

Uncaught Error: [$injector:modulerr] using Angular JS and highcharts-ng

I am having a problem with implementing Highcharts in my Angular/Node/Express app. Using the highcharts-ng directive https://github.com/pablojim/highcharts-ng I keep getting the following error in my console: angular.js:38 Uncaught Error:…
chemook78
  • 1,168
  • 3
  • 17
  • 38
0
votes
1 answer

Highstock charts | How do I store a series start and end value in variables?

I am developing a chart tat has two series and shows the aggregated(so the number is added to the point before it, so it is always rising) number of enrolled students vs the aggregated number of certified students with each points plotted when then…
htdev
  • 13
  • 2
0
votes
0 answers

Highcharts - changing one series shifts another

I'm currently building some charts where I'm showing averages and the goal value for this chart, along with the actual value. This works perfectly fine, except when I zoom, I want to replace the data in the average series with the current average.…
yusijs
  • 867
  • 9
  • 20
0
votes
2 answers

How to hide legends in highcharts in mobile view alone

I need to hide legends of highcharts ng in mobile view alone so that it occupies the full width of the screen. I tried setting the class .highcharts-legend to display none using bootstrap class hidden-xs but even though it is getting hidden the…
user93
  • 1,866
  • 5
  • 26
  • 45
0
votes
2 answers

Plotting hours and Dates on chart using Highcharts

Can anyone point me to an example for creating a plot chart using highcharts were the xAxis consists of the hours of the day 00:00 to 23:59 and the yAxis contains list of dates i can't find an example of how to achieve from the…
Tron Diggy
  • 95
  • 1
  • 8
0
votes
0 answers

Showing HTML at particular point

Some plot points in my dataset need to be highlighted. Ideally I would like to be able to do the following: Id like to display arbitary HTML at a particular X location (with a Y of my choosing) Id like to replace certain markers with HTML Is this…
Chris
  • 26,744
  • 48
  • 193
  • 345
0
votes
1 answer

How to start lines on columns in HighCharts

I have a combnined chart with groups of columns and lines. Each column corresponds to a line. I want each line to start on their respective column. Here is an example: http://jsfiddle.net/aozdjab2/1/ Now, The number of columns is variable, so I…
LocustHorde
  • 6,361
  • 16
  • 65
  • 94
0
votes
1 answer

Highcharts - tooltip headerformat for 2 decimal places not working

I am trying to configure the tooltip of the so that it displays only 2 decimal places, but the headerformat does not seem to be wokring and it keeps showing the entire decimal places. what is going wrong here? { "chart":{ …
josh_boaz
  • 1,963
  • 7
  • 32
  • 69
0
votes
0 answers

Highchart-ng change the chart type in drilldown

I need to change the chart type after one level of drill down, but the drill down level must remain the same. I am looking something similar to http://jsfiddle.net/VEaLz/ but for highcharts-ng. Specifically the part that emulates: …
jgr0
  • 697
  • 2
  • 6
  • 20
0
votes
1 answer

Goal line in donut chart

I'm trying to modify Highchart's donut/pie chart to look something like this: I've modified a jsfiddle of their pie chart to look somewhat like it. But I'm running into problems creating that little "GOAL > 55%" tick mark and text. For other…
Alex
  • 97
  • 2
  • 6