Bar Chart After Update First Columns Are Missing

[bahadir60]

I want to update bar chart with new data.
The bar chart in demo (https://www.highcharts.com/demo/bar-basic) which is after update missing first columns.
I added event under chart and ser is same as series;

Code: Select all

events: {     	
          load: function () {
            var ser = [{
                name: 'Year 1800',
                data: [107, 31, 635, 203, 2]
            }, {
                name: 'Year 1900',
                data: [133, 156, 947, 408, 6]
            }, {
                name: 'Year 2000',
                data: [814, 841, 3714, 727, 31]
            }, {
                name: 'Year 2016',
                data: [1216, 1001, 4436, 738, 40]
            }];
            var series = this.series[0];
            setInterval(function () {
            series.setData(ser, true);
    }, 5000);

The updated code is fiddle is here: https://jsfiddle.net/bahadir60/djb1cmtg/25/
(Note : After 5 seconds check first columns how disappear.)
Any suggestion should be usable thanks.

[bastss]

Hi bahadir60,

What exactly do you want to achieve? For this moment you are trying to update the same data as data set in the beginning.
If you are trying to update series and set new data, it will be simpler to use chart.update() method like here:
https://jsfiddle.net/Bastss/q0xur9de/1/

API:
https://api.highcharts.com/class-refere ... ies#update
https://api.highcharts.com/class-refere ... es#setData

Best regards!

[bahadir60]

Hi bastss,

Sure that i want to update my series, i tried your code and changed some values (var ser) but chart not updated itself.
Did you try to change some values https://jsfiddle.net/Bastss/q0xur9de/1/ on your code?

Thanks...

OK I DID IT THANKS

[bastss]

Bahadir60,

Ahh yes... I'm sorry, I've made mistake. Here is working properly chart:
https://jsfiddle.net/Bastss/0vgo8r6m/

Best regards!