score:1
Accepted answer
you can find the 4 edge points of one serie in this way:
const pointssortedbyy = serie.points.sort((p1, p2) => p2.y - p1.y);
const top = pointssortedbyy[0];
const bottom = pointssortedbyy[pointssortedbyy.length - 1];
const pointssortedbyx = serie.points.sort((p1, p2) => p2.x - p1.x);
const first = pointssortedbyx[0];
const last = pointssortedbyx[pointssortedbyx.length - 1];
then you can print it:
[top,bottom, first, last].foreach(function (point) {
point.update({
marker: {
enabled: true,
fillcolor: 'green'
},
datalabels: {
enabled: true,
color: 'green'
}
});
},this);
and finally repeat the same operation for each series:
chart1.series.foreach(function (serie) {
printtopandbottom(serie);
}, this);
Source: stackoverflow.com
Related Query
- Show only the first and last y-axis label on a graph highcharts
- Why does this Highcharts graph only show tooltip for the first and last nodes?
- Show only first and last xAxis label in Highcharts
- How to show first and last label of x axis Highcharts
- HIGHCHARTS - Given a series with UNIX stamps and values pairs for the data, how do I show only the date for the first and last point on xAxis?
- How to show only the last 100 candlesticks or hide the first 50 candlesticks in Highcharts Stock Chart?
- Highcharts - Why is there extra spacing before the first column and after the last column?
- My Highcharts graph with multiple axis ignores the max value I set for the first yaxis
- Highcharts - Show a string category label in the tooltip for a line graph
- How to rotate first and last x-axis label in Highcharts chart?
- Show label of stacked columns only on hover (and also the previous and next column)
- Why would the label of the vertical axis only show after the button is clicked?
- Highcharts barchart - legend is only hiding first and last series, others stay visible on X-axis
- how to enable only 1 out of 2 column column graph by default when page loads in highcharts and the 2nd one gets visible when toggled in the legend
- How to show first and last date ticks in the navigator - Highcharts?
- Highcharts not creating correct amount of labels (steps) in xAxis only first and last labels
- Show specific series values in the stack label using highcharts
- Show label only every x number of steps in highcharts
- Highcharts axis label before first point
- Show value of last point as label or tooltip on Highcharts Stock Chart
- Highcharts - Display only year in x axis and stop auto formatting
- Highcharts - Bar - Setting the X axis width and the chart area width to be constant
- How to show only specific x-axis values on datetime axis in Highcharts
- Legend and Axis titles not showing in Highcharts Graph
- Legend and Axis titles not showing in Highcharts Graph
- Highcharts: How to provide a custom stack label in highcharts bar graph from within the stackLabel formatter?
- Get x-axis label into the first colomn of the table - highcharts
- How to force Highcharts to show last label on xAxis?
- Highcharts show plot value on x axis label
- HighCharts area graph - show tooltip only on hover of marker
More Query from same tag
- HighCharts - Trying to create a 'thin' donut chart
- HighChartTable.js yAxis integer Only
- Highcharts copy HTML of chart can't disable cursor change
- Highcharts: How to load data from JSON to xAxis.categories and series.data?
- Highmaps occuring 'Uncaught TypeError: undefined is not a function ' and not loading?
- Add lower labels to highstock control
- Angular Highcharts dynamic import produces no additional chunk
- Highcharts - How to change display data and remove mouseover?
- How to position RangeSelector / zoom buttons at custom co-ordinates in Highstock
- Error while downloading "highcharter" package in r
- vue-highcharts dynamic master detail chart example
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- AngularJS $resource caching with deferreds
- Using a geojson with highmaps
- HighChart: Stacked Column Chart with dropdown
- highchart's hidden chart renders out of container in Angularjs
- Insert data into jquery highcharts fail
- Highcharts graph X-axis label for different date ranges
- Make the tooltip in StockCharts behave the same as in HighCharts
- Highcharts generated from HTML table: Can't add second yAxis dynamically
- how to change color of line chart in highchart based on a categorical column in r?
- Highcharts not rendering properly with too many series
- highchart not displaying in the center on mobile screen
- Shows a single chart on Highcharts
- How can I add enhanced tooltip content to heatmap
- Type '{ text: string; }' is not assignable to type 'TitleObject'. in highcharts
- Highcharts-ng stock chart gives "TypeError: Cannot read property 'hoverSeries' of undefined" when loading data asynchronously
- Cannot combine a Ribbon in highcharter (R) with normal line series
- streaming multiple series to highcharts
- Highcharts - Column Chart: Compare corresponding values to change color