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
0
votes
1 answer
Highcharts : y axis value is not binding properly
Trying to bind some defined values in Y axis of the highchart . but it's showing the first value from the array correctly . remaining are coming incorrectly .
chartOptionsLine: any = {
yAxis: {
categories: ['1 ms', '5 ms', '10 ms', '15…
Zhu
- 3,679
- 14
- 45
- 76
0
votes
1 answer
How to show x axis values with date and month format in highcharts
I am trying to show in the x axis values like date and month 03-02 instead of 03-02-2023
in the highcharts. But I do not know how to show it.
also need to show in the tooltip like Date 03-02-2023 | Quantity 20
If anyone know please help to find the…
EMahan K
- 417
- 1
- 19
0
votes
1 answer
How to Align Text on Y axis and in the middle of plotBand in HighCharts
I am trying to align the Y axis labels in the center of the plotBand but on the Y axis. Here what I have tried. I have given the label to plotBand and aligned it on Y axis. I am trying to find alternate solution that dynamically align the value on Y…
vinamra rathi
- 3
- 1
0
votes
1 answer
How to Add a Custom Box in Between Two Points in HighCharts
I have looked into the highcharts documentation and cannot find a way to render a custom box in between a line connected between two data points. Here's the ref of How I want it to be created. Please suggest me a way to come up with this…
vinamra rathi
- 3
- 1
0
votes
1 answer
Plot options customization in highchart graphs
I have a highchart chart container in Angular which contains a marker, a line, and an area graph together. I am trying to display the labels in the graphs without a tooltip option. and the labels are displayed on the charts. But I have a few styling…
Athulya Ratheesh
- 291
- 4
- 22
0
votes
1 answer
Show tooltip in highchart progress bars
I have created a solid gauge chart using highcharts. It contains multiple circular progress bars where each circle denotes each value.
I used the below code to create the series with different colors.
series: [{
name: "Total",
showInLegend:…
Athulya Ratheesh
- 291
- 4
- 22
0
votes
1 answer
Highcharts Area Range charts zooming and tooltip queries
I am trying to get a few things done in the high charts area range chart:
I am trying to be able to zoom into the chart mainly y axis and I am unable to do that can someone suggest me how that can be achieved I am adding the jsfiddle link below…
Kushagra Agarwal
- 3
- 2
0
votes
0 answers
Donut Chart Highcharts not rendering as expected
I am using Donut chart for displaying data categorized into two categories. Whenever dataseries is updated, sometimes Highcharts does not render the series data in provided order.
And because of this, data is not displayed as per category.
Expected…
Mandar_K
- 21
- 3
0
votes
1 answer
How to show mouse pointer coordinates on mouse move in angular highchart?
I want to show tooltip on mouse hover of every coordinate in angular-highchart, it should show x and y axis value in tooltip or label.
how we can show the tooltip on every coordinate of high chart.
Pawan Bahirat
- 1
- 1
0
votes
0 answers
How to make visible false of legend series item in highcharts
Trying to make visible false of legend series items on legendItemClick event in highcharts, But not working. How to do it?
Below is my code.
series: {
events: {
legendItemClick: function(e) {
const series = this;
const chart =…
EMahan K
- 417
- 1
- 19
0
votes
1 answer
How to disable and enable legend items in highcharts
Trying to disable legend items in highcharts, But not able to working.
Example :
If I click Movie1 or Movie2 legend, only Movie1 and Movie2 should be enabled others Game1 and Game2 should be disabled.
If I click Game1 or Game2 legend, only Game1 and…
EMahan K
- 417
- 1
- 19
0
votes
1 answer
How to decrease the chart opacity in highcharts
I am trying to decrease the opacity of charts instead of hiding when click the legend.
Example: When i click the Tokyo legend series blue color column hiding instead of hiding I want to decrease the opacity to 0.34 of blue color column. same for…
EMahan K
- 417
- 1
- 19
0
votes
1 answer
Highcharts - not enough space for all tooltips - how to display only tooltip of hovered series? Or how to make enough room for all tooltips?
The problem is, that not all of my tooltips are currently shown on hover - see the picture of it. (the tooltip of the green series is not shown)
I did some research and found out, that highcharts cant show all tooltips because there is not enough…
s.stkvc
- 127
- 1
- 2
- 12
0
votes
1 answer
Highchart Scatter Series must appear in front of the column series, but if it contains more than 5k records, it appears at the back of column series
Chart as three columns series with stacking on top and one scatter series with over 5k records. So, in the front view, we need to see the scatter first, followed by the subsequent column series. It works perfectly with less than 5k records, but if…
Jeevan
- 1
- 1
0
votes
1 answer
Highcharts gantt variable Y axis size
I am creating a Gantt chart on Angular using highcharts angular. An example of what I am creating can be found here: JSFiddle https://jsfiddle.net/esantiagovieira/mb2eovfu/
The chart options are quite simple, nothing facing:
chart: {
height:…
Estevao Santiago
- 793
- 2
- 7
- 30