For questions directly related to angular2-highcharts library.
angular2-highcharts is a Highcharts wrapper providing charting components for Angular
Questions tagged [angular2-highcharts]
238 questions
1
vote
1 answer
How to fix this error Type 'number' has no properties in common with type 'XrangePointOptionsObject'
I'm getting this error Type 'number' has no properties in common with type 'XrangePointOptionsObject'. I want to add bar chart using angular highchatrs in my angular project but I'm not able to add because of this error. So can you please help me to…
Shubham Patil
- 117
- 3
- 3
- 13
1
vote
1 answer
Not able to show minimal height for a bar in highcharts
I am trying to add minimum height to the bar / column / stacked-column chart when there is huge difference in the values of the item and I am not able to see any plot for minimum value in the highcharts.
Series Can we huge as below:
[10000012123,…
Mayuri Rathod
- 23
- 4
1
vote
1 answer
Highcharts view data table is showing incorrect data
I am building this application in angular5.
The sample code is shown below. The data consists of a time/category (string) and an integer value.
When I use integer values instead of a string in place of category, it is working fine. But it should…
swarna
- 11
- 1
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
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
Column Highchart - display absolute values but keep information about which values are negative
I receive both negative and positive values from an api, which I feed into my column chart.
http://jsfiddle.net/jn7Lvoz4/3/
The problem is that I don't want my negative values to be displayed below the x-axis, but above, just like the positive…
SadHippo123
- 177
- 3
- 12
1
vote
0 answers
Data label misalignment in 3D Highcharts
I’m using 3D Highcharts. Data labels works fine for 2D charts but I’m facing issue with data label positioning after 3D projection.I’ve attached the screenshot and code snippet here for your reference.
Expected behaviour:
Data labels should be…
Dharmarajan
- 129
- 2
- 13
1
vote
1 answer
timestamp values showing wrong on xaxis in highcharts its show default 1970-01-18
highcharts x axis values showing wrong format.It show's default date and year like 1970-01-18 but my actual date is 23/02/2019, 00:43:08.i have seen many answers but i didn't solve my problem.
JSfiddle link
"data": [{
"x": 1550862788,
…
G Crop
- 11
- 2
1
vote
1 answer
Highcharts: make tooltip's arrow (anchor) always visible
I'm trying to build a column chart with a custom tooltip position using Highcharts. I want to make tooltip's arrow (anchor) always visible at the bottom of the tooltip. For now it's only visible when I remove the custom tooltip positioner…
donny_barko
- 23
- 4
1
vote
2 answers
Angular Highcharts - How to clone chart dynamically
I am locally using following highcharts dependencies:
"angular-highcharts": "latest"
"highcharts": "latest"
"@types/highcharts": "latest"
Here is a live demo of my source code,
I am extensively using angular-highcharts in my angular 5 application.…
Saif
- 1,745
- 5
- 23
- 46
1
vote
3 answers
How can refresh or reload data in highchart in angular 5/6
I am using highcharts in angular6. i want to reload data using setinterval . i can not find proper solution.
Chartcomponent.ts
import { Chart, Highcharts } from 'angular-highcharts';
ngOnInit() {
this.loaded = false;
this.rowData = [[0, 2],…
Ram Solanki
- 81
- 1
- 2
- 7
1
vote
1 answer
Is it possible to set fixed y-axis to spline chart update every second
I am working on real time data stream with spline chart https://www.highcharts.com/demo/dynamic-update/dark-green. Here i want to set fixed y-axis scale (I know my data range from 0 to 4 max) but here chart update dynamically.
Is it possible to set…
U rock
- 717
- 2
- 13
- 32
1
vote
1 answer
Angular2 how to do highchart tootip formatter - Additional value
In Series I have used
series: [
{
name: 'High usage',
data: highUsage,
color: '#009DDB'
},
{
name: 'Normal usage',
data: normalUsage,
color: '#83C580'
…
user2560042
1
vote
2 answers
Highcharts:Column Range chart having height of bar same as the height of interval in y Axis
I want to create a columnrange chart type using highcharts.
I have tried something like below:
I want to implement the below chart with the following custumization:
Height of the bars same as the gap between Y axis values as shown in
image
Remove…
Suresh Negi
- 372
- 2
- 6
- 19
1
vote
0 answers
Using highcharts, how would I highlight only the intersection of 2 plotbands on the x and y axis?
I am using highcharts to display an inverted columnrange chart. The user can select both the x and y axis labels, which will use plotbands to highlight that entire row or column. My next step is, if the user highlights a row and then selects column…
cpwynn
- 23
- 1
- 7