score:1
There is no such built-in functionality in Highcharts, but you can add it by using click event and show/hide methods. Example:
plotOptions: {
series: {
point: {
events: {
click: function() {
const operateChildren = (point, operation) => {
point.linksFrom.forEach(link => {
link.graphic[operation]();
link.toNode.graphic[operation]();
operateChildren(link.toNode, operation);
});
};
if (this.linksFrom && this.linksFrom[0]) {
if (this.linksFrom[0].graphic.visibility === 'hidden') {
operateChildren(this, 'show');
} else {
operateChildren(this, 'hide');
}
}
}
}
}
}
},
tooltip: {
formatter: function(tooltip) {
if (this.point.graphic.visibility !== 'hidden') {
return tooltip.defaultFormatter.call(this, tooltip);
}
return false;
}
}
Live demo: https://jsfiddle.net/BlackLabel/dp03gq6a/
API Reference:
https://api.highcharts.com/class-reference/Highcharts.SVGElement#show
https://api.highcharts.com/class-reference/Highcharts.SVGElement#hide
Source: stackoverflow.com
Related Query
- Collapse Highcharts Organization Chart
- Redraw Highcharts Organization Chart after collapse
- highcharts organization chart is throwing error when loading module
- HighCharts Stock Chart error code 18
- Highcharts display label for pie chart using html table as data source
- Highcharts organization chart (org chart) with React Native
- Highcharts cloud issue with data source when duplicating chart
- Highcharts resize chart size using custom export button and replace expand and collapse button dynamically
- How can I display a Highcharts organization chart with level 1 nodes below other level 1 nodes?
- Highlight Highcharts Organization Chart nodes
- How to create a column range chart in Highcharts using range and navigator functions?
- How can I get access to a Highcharts chart through a DOM-Container?
- Highcharts chart option backgroundColor:'transparent' showing black on IE 8
- How to set Highcharts chart maximum yAxis value
- HighCharts turn animation false for line chart
- Programmatically change a chart title in highcharts
- Reload chart data via JSON with Highcharts
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Highcharts donut chart without inner pie?
- Highcharts - how to have a chart with dynamic height?
- Highcharts - issue about full chart width
- HighCharts - Make the pie chart 100% of the div
- Place text in center of pie chart - Highcharts
- How do I rotate my HighCharts bar chart so its vertical, not horizontal?
- dealing with highcharts bar chart with really long category names
- Highcharts => Getting the id of a point when clicking on a line chart
- Displaying percentage in Y-axis of Highcharts column chart
- Highcharts : Change opacity of a column chart
- Highcharts donut chart customization
- Number Formatting at Highcharts Chart Values?
More Query from same tag
- Highcharts custom symbol legend
- Draw small symmetrical arc line path between two markers on world map in Highmaps
- High Charts - Populating Data From Array
- Highcharts AreaRange Chart issues with xAxis and last data point label
- How to extract the data from highstock chart
- Stacked chart Scrolling Issue
- Is it possible to remove a pane in highstock/highcharts?
- How to remove y-Axis dynamically
- Preprocess Highchart data using CSV file
- Highcharts polar steps
- Highstock: On Series Flags that are inverted
- get plotBand on Highcharts to span first column
- Hicharts.js Boxplots with a mean line
- Trouble parsing XML into JSON - Javascript
- Wrong flags arrangement after dynamically set the data on function afterSetExtremes
- Passing callback function to labelFormatter in highchart legend in typescript
- How to fix the width of bar in waterfall chart as well as its x-axis width of one group.?
- How to get the X axis value from HighChart on android on click event
- Cannot read property 'cum' of undefined -- when creating a stacked area chart with xAxis.type=datetime
- Highstock timeseries chart is shrinked
- *Highcharts* How to get the min and max value of the zoom box
- Highcharts legend custom css style / format using only highcharts options
- Angular: Programatically adding multiple y-axes to highstock with navigator
- HighCharts : Shared Tooltip with shared Data LABELS (in Series)
- JQuery can't parse this HTML
- how to add values from a database output to the data field in Line Chart of Chart.js
- Highcharts.js variable pie chart not rendering data correctly along percentage dataLabels
- Highcharts Treemap: Add link on lowest level
- Convert this to lazy_high_chart rails
- Highchart x-range chart extending the data point without ending