score:1
Accepted answer
when showing/hiding series, highcharts animates the change to the axis instead of the series itself. i can't find anyway to change this behavior. as a workaround, instead of showing/hiding the series why not add it as new on the click:
var i = 0;
$('#addbar').click(function(){
try {
if (i == 0) {
columnchart.addseries({name:'male',data:[1, 1, 5, 8, 10, 15, 19, 14, 10, 8, 4]});
}
else if (i == 1) {
columnchart.addseries({name:'female',data:[2, 1, 3, 4, 5, 6, 8, 4, 4, 3, 2]});
}
i++;
} catch(e){
console.dir(e);
}
});
i'd set up an initial empty series in my config too, so that the axes draw on start:
series: [{visible: false, showinlegend: false}],
see updated fiddle here.
score:0
please familair with this example: http://jsfiddle.net/vcj4k/5/
$.each(chart.series[0].data, function(i, point) {
window.setinterval(function() {
point.update(point.y2);
}, 500);
});
Source: stackoverflow.com
Related Query
- Animation origin of Highcharts library
- Simple, Open source PHP wrapper for Highcharts library
- HighCharts turn animation false for line chart
- What format does the highcharts js library accept for dates?
- Highcharts How to Show Loading Animation At Set Data
- Turning off animation in HighCharts globally
- Highcharts loading animation after setdata
- Highcharts series update with animation
- Library duplication issue using Highcharts in Jaspersoft Studio
- Customizing the Stockchart range selector buttons from HighCharts library in GWT (and Javascript in general)
- Play Framework: PDF'ing a template that uses highcharts JS library via a Job
- Highcharts - column chart redraw animation
- "pointAttr" attribute is missing in Highcharts library 5.0.0
- Add onclick event on chart made with the highcharts library
- highcharts piechart redraw with animation after setData()
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highcharts event on animation complete?
- Highcharts - Global configuration with common code and unique data & Headings
- How to use HighCharts dart library in Flutter app?
- Highcharts library UI glitches
- Selecting a point programmatically on stockchart from HighCharts library in GWT (Also in native JS)
- HighCharts Stock Chart error code 18
- Animation behave differently between initial load and dynamic data series replacement in Highcharts
- highcharts change rendered image source on click
- force Highcharts redraw animation when changing graph type
- How do i add mouse wheel code in Angular2 highcharts in typescript
- how to display 2 same highcharts without duplicate the code
- Highcharts area graph animation on setData
- Use of DotNet HighCharts dll to make charts in code behind
- Android highcharts library chart loading completed listener event
More Query from same tag
- How to retain the conditional color of bar in highcharts
- Issue on Drilling Down and Up in Highcharts.js Using External Dom Buttons
- Show Fraction values in highchart
- Highchart: how to add commas to output to intergers
- A Challenge? converting mysql rows to very specific format with php
- highcharter: BoxPlot Outliers not being on correct x-axis point
- highcharts - windrose stackLabel doesn't work properly
- Set x-axis range in highcharts
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- Custom field name in ECharts
- How to popup a file dialog/print dialog in a html file that is rendered in a WebEngineView?
- Torn off point markers on Navigator highcharts
- Highchart.js X-axis labels - values are NaN
- HighCharts draw custom line segment annotation
- Vaadin Charts (Highcharts) - Range Selector - Monthly Data
- Add rectangle to highchart
- dataLabel text align in highchart
- Using highcharts & highstock together on same page
- Dotnethighcharts library
- Customizing date in tooltip when datgrouping enabled
- Javascript HighCharts parsing CSV
- Highcharts Angular - How to show group size in tooltip
- Highcharts contextButton color
- Add new series[0].data into already existing highchart
- Highstock not showing all series
- Highcharts: move renderer (custom drawn)
- Capturing touch events (touchstart and touchmove) in addition to mousemove for synchronising highcharts
- Is it possible to insert javascript charts into a JavaFX application
- How to display precise value on tooltip on moving a cursor in highcharts
- chart.renderTo doesn't work