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 Articles
- 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?
- i want to use bar chart istead of sparkline on highcharts in this example
- highcharts: tooltip shows for spline but not scatter plot
- Unexpected token ' when generating a png chart using node-export-server
- highcharts range selector dosen't show plot
- Highcharts, change line type if more than one series on the chart
- highcharts column chart json data is not accepted
- Implement chartit in Django 1.6 with Python 2.7 - TypeError: 'NoneType' has no attribute __getitem__
- Highcharts - Grid line height
- Formatting dataLabels in Highcharts
- HighCharts polygon label - zoom capable
- Use images in Highcharts as xAxis labels
- Highcharts Line Charts Out of memory
- HighCharts area graph - show tooltip only on hover of marker
- Dynamic add series and categories for highchart drill down chart
- how do I get two highcharts on one page?
- Using directive scope to update Highcharts
- Load individual series data as clicked in legend
- HighCharts HIOptions.colors must be [string]?
- Highchart columns chart overlaps yAxis.plotLines labels
- Highcharts :Rendering only Percentage Bar Using type: 'xrange'