score:2
Accepted answer
This is working fine for me:
var chart;
$(document).ready(function() {
options ={
chart: {
renderTo: 'container',
defaultSeriesType: 'line',
zoomType: 'xy'
},
title : { text : 'Foo' },
xAxis: { title: { text: 'x label' } },
yAxis: { title: { text: 'y label' } },
series: {}
};
chart = new Highcharts.Chart(options);
series3 = [{"name": 10402, "color": "rgba(255,139,0,0.5)", data: [[ 146,55.8 ],[150,60.9]]},{"name": 10403, "color": "rgba(255,255,0,0.5)", "data": [[ 130,25.8 ],[150,54.9]]}];
series2 = [{
name: '1042',
color: "rgba(255,139,0,0.5)",
data: [[ 146,55.8 ],[150,60.9]]
}, {
name: '10403',
color: "rgba(255,255,0,0.5)",
data: [[ 130,25.8 ],[150,54.9]]
}];
$( "#chartform" ).submit(function() {
options.series = series3;
var chart = new Highcharts.Chart(options);
return false;
});
});
EDIT: I believe the problem is that you are submitting the form. Do a return false and use submit handler instead of click. You can check it live in: http://jsfiddle.net/bCFHL/157/
Source: stackoverflow.com
Related Query
- Updating a Highchart from a form with a click() event in jquery
- Use a symfony route with parameters in a click event for highchart series
- Highcharts + set event click from options in jquery
- Call a function from within highchart click event in reactjs
- How to fire a jquery function onchange from an html element in highchart event on click?
- How to trigger legend click event on outside when using Highchart and no using JQuery
- Highchart plotOption click event only fired once with mouse stay in the block
- Click event on Donut Highchart with GWT
- How to get the X axis value from HighChart on android on click event
- how to display the highchart data with data serialize from a form using button onclick?
- Highcharts : Chart with drilldown how to obtain click event of drill up button
- programatically fire a click event for a point on highchart scatter plot
- body click issue with highchart library
- Get X Axis value on bar Highchart click event
- Click event on highchart axis
- Fire click event on a highchart column drilldown chart on clicking x axis for drill down reports
- adding click event dynamically created highchart
- How to catch the click event from the axis ticks jqplot, highcharts,flot
- c# WPF Webbrowser with Highchart, Javascript from external source not working "An error has occurred in the script on this page"
- HighChart : plot line click event for multiple chart
- Highcharts : How do I keep the marker formatting and make the click event fire with a 5K+ point scatter plot?
- Dynamically set click event on bar from highcharts graph
- Append a jQuery variable to a click event handler function
- Highchart xAxis label click jquery error
- HIghchart Treemap - Add double click event on legend click
- change VueJS component data value from inside Highchart event
- Highcharts access drilldown data from event click
- Unable to trigger a click event on series data | Highchart
- How to create chart with highchart in which bar doesn't start from 0 in y axis?
- Pass data to click event callback in Highstock chart with more then 1000 entries
More Query from same tag
- How to fill the blank space between the bars with specific color in gantt chart of highcharts?
- Specify xAxis values with columnRange chart in Highchart
- Highcharts custom error handler
- Highstock gapsize is causing line rendering issue
- How to get access to the chart from HighchartsReact component to ResponsiveGridLayout component when I'm using functional react component
- Highcharts move xAxis down / off of chart
- Highstock tooltip.positioner isn t working
- High Charts Center Series Label
- Highchart and json data
- Large Y-axis tickInterval in high charts does not work
- Highcharts pie wrong legend colors
- Setup of Highcharts and PhantomJS on Windows 7. JSON string parse error
- Plotting data onto highchart chart when series data uses named objects
- rCharts shows limited functionality when used with Shiny 0.8.0.99
- How to make multiple charts using highcharts in a loop?
- highcharts redraw() with function that references newly redrawn chart
- How do I use an Highcharts Solid Gauge in angular 6 with typescript?
- High charts X-axis labeling
- I need Highchart watermark image when i download highchart
- Column Chart Show datalabel for null values - Highcharts
- Display series.data.name after drilldown dynamically
- Unable to access UserMin/UserMax in eventObject of click event in RangeSelector in Highcharts
- Highcharts date in form of Day(Integer) - Month(the name of the month), like 17 - July
- Issue in drilldown of highcharts multiseries chart
- Highcharts column color
- Highcharts-Vue wait for data then update series
- How to programatically hide a tooltip in highcharts?
- Highcharts. Place tooltip on top of all items
- Real Time Update High charts from sql database
- add text under the bar with plotOptions highchart (BAR)