score:6
Accepted answer
I don't quite upderstand how you want your calculation to work, but I can help with how to update the chart. Basically, you need to create a new aray of datapoints, and then call setData on the appropriate chart series.
I tried this on your example. The calcuation (ui.value * i) needs to be changed, but it ilustrates how to update the chart. It uses the valueof the second slider to update the first series points:
slide: function(event, ui) {
$('#slider2_value').html('$' + ui.value);
var newdata = [];
for (var i=0 ; i<6 ; i++) {
newdata.push(ui.value * i);
}
chart.series[0].setData (newdata);
},
Source: stackoverflow.com
Related Query
- How to dynamically update highcharts using jQuery UI sliders
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- How do I dynamically change a data point in Highcharts using JavaScript
- Angular Highcharts - How to enable noData options and update it dynamically
- HighMaps how to update data using jQuery
- How to update Highcharts data dynamically over a period of time
- Parsing JSON for use with Highcharts using jquery .parseJSON or JSON.parse: how to remove quotes from function calls for formatters?
- How to update the HighCharts title using drill-up when there are multiple charts on same page?
- how to dynamically update series data using ember-highcharts
- How to load data dynamically using JSON call in Highcharts Drill Down pie chart?
- Dynamically changing Highcharts Theme through Jquery code not working
- How to create a column range chart in Highcharts using range and navigator functions?
- Loading Highcharts via shim using RequireJS and maintaining jQuery dependency
- Dynamically update subtitle on Highcharts chart?
- Javascript Highcharts v3.0.5 - How to hide Y Axis Title when using multiple Y Axis
- Dynamically update Highcharts chart in react
- Highcharts - how to properly update series[0].data and yAxis title of a VUMeter?
- How to update new plotline values instead of removing and adding new ones in highcharts
- Loading Highcharts series from XML using jQuery
- Dynamically update gauge on highcharts
- how to get svg of highcharts using div id?
- How get data name in Highcharts pie chart legend instead of "Slice" using array of values?
- Update Chart Colors When Using Styled HighCharts Version
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- How to dynamically load highcharts
- Query rails database, and update highcharts using Javascript
- How to hide one series data info in tooltip using highcharts
- How to hide color axis in heatmaps using highcharts
- How to center chart title position dynamically inside pie chart in highcharts
- Highcharts - How do I dynamically change Marker radius when zooming?
More Query from same tag
- Highcharts- Creating a dynamic x-axis to maintain bar spacing with less data points but maintain x-axis "width"
- Highcharts - how can I change font size?
- R: How to create a Drilldown Highchart using loops
- HighCharts: Labels visible over tooltip frame
- Highcharts - How can I show arrow in "solidgauge"?
- Conditional Symbols in Highcharts
- Group values with the same key in an array of objects
- Trigger HighCharts Animation on View in Owl Carousel
- How to avoid X axis to display decimal values
- Highchart is not getting populated using external json data
- Rendering the charts as columnrange type
- highcharts Scatter Chart not loading with LOTS of data
- How can we plot Highcarts organization chart in R language?
- How to remove weekend datetime gaps from x-axis of a financial chart?
- Highcharts x-axis label not corresponding with value in tooltip
- Highcharts.js draws ugly series line
- How to resolve overlapping scatter points in a highchart
- com.google.gwt.event.shared.UmbrellaException: Exception caught: (TypeError) @org.moxieapps.gwt.highcharts.client.BaseChart::nativeRenderChart
- high charts - how do I get a stacked graph to the full width?
- Adding Classname to series data in angular highcharts
- Highchart not rendering data from dynamically created array array
- Formatting Tooltip Value on Series
- HighCharts - display ratio charts
- Getting error when using angular2-highcharts in angular2 project
- Using multiple Highcharts in a single page
- HighCharts: strange error from creation of stock chart
- How to update/add Highchart options/properties after the chart/object has been created?
- How do you get the mouse hovered label value with the highcharts custom event plugin?
- Why does my addSeries (in highcharts) only display names of the series but not the actual pie chart itself
- How to trigger legend click event on outside when using Highchart and no using JQuery