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
1
vote
0 answers

Skip weekends in angular 2 Highcharts from xaxis

I have problem to skip weekends in highcharts in my angular 2 application. I have seen in highstock there is option ordinal:true to skip weekends but its not working for me. Is there any alternative to skip weekends. This works well from Tuesday on…
U rock
  • 717
  • 2
  • 13
  • 32
1
vote
1 answer

Highcharts how to align two charts yAxis on the same line

How to align two highcharts yAxis on the same line? I'm having two charts on the same page one below other. Is there way in highcharts to specify yAxis of both the charts to start on the same line? Actual: Expected Thanks in advance
Pratap A.K
  • 4,337
  • 11
  • 42
  • 79
1
vote
1 answer

Highcharts datalabel 'callout' shape not working for donut chart

I've been trying to implement dynamic 'callout' shape datalabels for donut chart using Highcharts javascript library, where notch of datalabels point to respective arc. something like this: https://imgur.com/yKhWKOu I've created the 'callout' shape…
Coder
  • 21
  • 5
1
vote
1 answer

Can't bind to 'options' since it isn't a known property of 'chart'

I have created a chart module using Angular2-highcharts but when I try to run the application I am getting the followoing error. ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'options' since it isn't a known…
Arj 1411
  • 1,395
  • 3
  • 14
  • 36
1
vote
1 answer

Implementing Custom Temperature Gauge with Angular 4 and HighCharts

I am trying to implement the following example which is basically a custom temperature gauge implemented with highcharts library in JavaScript. Everything works fine except the following code block. function(chart) { // on complete …
Arjun Singh
  • 677
  • 6
  • 18
1
vote
1 answer

Calling function 'ChartModule', function calls not supported

I am facing the same issue as described in Angular 2 - AOT - Calling function 'ChartModule', function calls not supported ERROR in Error encountered resolving symbol values statically. Calling function 'ChartModule'. function calls are not…
Gowtham Raj J
  • 937
  • 9
  • 26
1
vote
1 answer

How to set new yAxis data in chart dynamically (highcharts + angular2(4))?

I have spline chart: this.chart = { chart: { type: 'spline', zoomType: 'x', animation: true, marginRight: 10, renderTo: chartId }, How can I…
John Doe
  • 3,794
  • 9
  • 40
  • 72
1
vote
1 answer

HighMap chart with lat long data

I am looking at the highmap from highcharts for angular 2 and looking at this demo: http://plnkr.co/edit/AmDfKwhRhshFn3CPprkk?p=preview Here, the series is like: series : [{ name: 'UTC', data: ['IE', 'IS', 'GB', 'PT'].map(function (code) { …
user1892775
  • 2,001
  • 6
  • 37
  • 58
1
vote
2 answers

How do i synchronize multiple(highcharts)charts in angular2

i have a single component per chart. How can i synchronize the x-axis of these charts? Chartone import {Component} from '@angular/core'; import {ChartModule} from 'angular2-highcharts'; import {platformBrowserDynamic} from…
DataNewB
  • 121
  • 9
1
vote
0 answers

Angular2-Highcharts: Pie chart size based on the width of the panel

I have created a Pie chart and I am placing this Pie chart inside a panel. My panel width can be 600 or 400 depending on the user settings. When the size is 600 Pie and the legend is displayed properly. But when it is 400, the legend is displayed…
indra257
  • 66
  • 3
  • 24
  • 50
1
vote
3 answers

Highcharts: Show tooltip on legend hover

I have my Highchart as below, Is there a way to show tooltip on legend hover, just like when we hover on a slice. https://plnkr.co/edit/yzXLz7AIDoWa1Pzxxl4k?p=preview My tooltip code: tooltip: { positioner: function(x, y){ var center =…
indra257
  • 66
  • 3
  • 24
  • 50
1
vote
2 answers

Resizing Highchart based on window size

Hi i have left navigation menu, and content on right side which is a highchart. Following is my Highchart config, this.InputData = { chart: { type: 'column' }, title : { text : 'Overview' }, xAxis: { …
blackdaemon
  • 755
  • 5
  • 19
  • 44
1
vote
1 answer

angular2-highcharts series highlight

I have an angular2-highcharts chart. I want to highlight select lines of a data series based on which line is clicked. I am using the following piece of code to do so and I get an error saying Cannot read property 'series' of undefined. I have my…
Vysh
  • 718
  • 1
  • 7
  • 20
1
vote
1 answer

Getting error when using angular2-highcharts in angular2 project

I am using angular 2 and angular2-highcharts in my project. this is my app.component.ts file import { Component } from 'angular2/core'; import { CHART_DIRECTIVES } from 'angular2-highcharts'; @Component({ selector: 'simple-chart-example', …
S M
  • 3,133
  • 5
  • 30
  • 59
0
votes
1 answer

How to determine if a given lat/lon is visible in current map view in Highcharts?

I'm using Highcharts with Map and Drilldown modules. I want to see my contacts for the current visible map. My problem is that I cannot find documentation or recent examples of how to do this when I'm using TopoJson and its recommended mapview (e.g.…
Thirdshift
  • 71
  • 4