How to click apex chart

Question

Hi, Am using apex chart for daisply values but when i click for chart redirect to another page with parameter value.

Rajkiran Swain · Answer

Tuhin Paul · Answer

Here's a modified and complete version of the code: // Define chart options var options = { chart: { type: 'line', events: { // Add a dataPointSelection event handler dataPointSelection: function(event, chartContext, config) { // Get the selected data point's value var selectedValue = config.w.globals.series[config.seriesIndex][config.dataPointIndex]; javascript Copy code // Redirect to another page with the selected value as a query parameter var url = 'another-page.aspx?selectedValue=' + selectedValue; window.location.href = url; } } }, series: [{ name: 'Sales', data: [30, 40, 35, 50, 49, 60, 70, 91, 125] }], xaxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'] } }; // Create a new ApexCharts instance with the chart options and render it var chart = new ApexCharts(document.querySelector('#chart'), options); chart.render(); This code creates a line chart using ApexCharts library and adds an event listener to redirect to another page when a data point is selected. This code first defines the chart options, including setting the chart type to line and adding an event listener for data point selection. The dataPointSelection event fires when a data point is clicked, and it receives three parameters: event, chartContext, and config. Inside the event listener function, we use config to get the selected data point's value and then redirect to another page by setting window.location.href. We pass the selected value as a query string parameter to the another-page.aspx page. The code creates a new ApexCharts instance with the specified options and renders the chart on the page by calling the render() method on the chart object.

raja n · Answer

@rajkiran thanks for your reply am using apex chart (radialbar) but your code used return value is "undefined"

How to click apex chart

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (3)