score:2
You can use Highcharts' internal function called firePointEvent
for this:
var chart = Highcharts.chart('container', {
series: [{
type: 'column',
data: [1],
point: {
events: {
click: function() {
console.log('Click event fired');
}
}
}
}]
});
chart.series[0].points[0].firePointEvent('click');
Live demo: http://jsfiddle.net/BlackLabel/xbkwqzc5/
score:28
How about this
document.getElementById("targetElm").dispatchEvent(new Event('click'));
Here's a working example...
document.getElementById("targetElm").dispatchEvent(new Event('click'));
<svg version="1.1" class="highcharts-root" style="font-family:MontserratRegular;font-size:12px;" xmlns="http://www.w3.org/2000/svg" width="441" height="319.5" viewBox="0 0 441 319.5">
<rect id="targetElm" onclick="alert('hi')"/>
</svg>
i.e. create a click event and dispatch it to the element. Although you don't seem to have any handler for the click event in your question.
Source: stackoverflow.com
Related Query
- programmatically trigger click event in svg rect element
- Unable to trigger a click event on series data | Highchart
- I am using click event to trigger a new page to generate the drill down data from highcharts however the entire chart is being generated
- AngularJS $apply sometimes doesn't trigger to update $scope values in the html tag within {{}}, when using the click event in hightchart.
- How to click on SVG element in highcharts to download file using Selenium
- Highcharts trigger background click event
- How to trigger legend click event on outside when using Highchart and no using JQuery
- Higchahrts click entire column to trigger point click event
- Column Chart: Click event to only trigger on drilldown series
- Donut Chart : Trigger legend or pie click event while selecting outside filter state change
- How to manually trigger the afterSetExtremes event from a series click event in HighCharts
- Highcharts - manually trigger hover event on a point
- programmatically click on column in Highcharts
- Highcharts - Double click event
- Highcharts chart click event fired on click of the reset zoom button (bug?)
- Highcharts : Chart with drilldown how to obtain click event of drill up button
- Click event on clicking on the graph
- highcharts how to catch and insert logic in click reset zoom button event
- highmaps get country name on click event
- In high chart how to add event for label click
- programatically fire a click event for a point on highchart scatter plot
- How to pass custom data into Highcharts graph click event
- Trigger an event when i scroll the scrollbar in highchart?
- Get X Axis value on bar Highchart click event
- Programmatically draw rect and line in Highcharts with zoom
- Click event not fire in highcharts tooltip
- HighStock HighCharts Setting Flag on Click Event
- How to call typescript function inside High chart click event
- Click event on highchart axis
- HighCharts: Mouse click event is handled by both Series handler and Point handler
More Query from same tag
- Highcharts chartWidth no longer works with chart.getSVG()
- Highcharts only loads Title / Subtitle
- Import Highcharts module SvgRenderer failed
- Highcharts stacked bar chart hide data labels not to overlap
- Entire Highchart API calling from JSON file
- Highcharts: Logarithmic y-axis with seconds, minutes, hours and days
- Highcharts Spider Chart, change axis ranges
- Highcharts, change line type if more than one series on the chart
- highcharts column chart json data is not accepted
- High chart legend colors in square form
- Percentage in hctreemap2 of Highcharter using tooltip?
- highcharts not plotting json string containing x,y pairs (string, float). how to fix?
- Highcharts- Creating a dynamic x-axis to maintain bar spacing with less data points but maintain x-axis "width"
- Tooltip in Scatter
- tooltip formatter Highcharts not work with Firefox ? - Bug?
- Is it possible to use boost-canvas without enable WebGL in highcharts (current version 9.0.1)?
- Change the Size of the Export Button In Fusion Chart in PHP
- highchart tooltip with multiple additional data in tooltip?
- Javascript heatmap ReferenceError h337.create
- how to get last value shown yAxis highcharts in current version in a simple way?
- How to plot against time on x-axis Highcharts.js
- Highcharts Negative Values Column Graph Bottom Radius
- UTC number getting displayed on xAxis with highcharts
- how to display both the series value in plotoptions mouseover event
- Highcharts - columns too thin in differents zoom time
- move x and y axis from left to right in highchart
- why is afterSetExtremes function being called twice highcharts using react
- Highstock multiple series irregular time
- How to have common options for multiple y-axes in Highcharts
- Highcharts Pie Slice Offset on Legend Click