CODEWITHSUNDEEP
javascriptjquerycssangularjshighcharts
muhammad umar farooq frank
muhammad umar farooq frank

Reputation: 251

Highcharts NG stockchart animation effect only on navigator Type: column

I am using highcharts-ng and when i draw column chart with navigator and apply animation on it. only navigator line animate. 

 {
  "options": {
    "chart": {
      "backgroundColor": "#eaeaf2",
      "type": "column",
      "zoomType": "xy"
    },
    "navigator": {
      "enabled": true
    },
    "plotOptions": {
      "series": {
        "animationLimit": "Infinity",
        "animation": {
          "duration": 9000
        }
      }
    },

  },
  "credits": {
    "enabled": false
  },
  "useHighStocks": true,
  "series": 
}
]
}

highcharts-ng

Jquery highcharts same data

Upvotes: 0

Views: 147

Answers (1)

morganfree
morganfree

Reputation: 12472

It is a known bug in highcharts-ng caused by navigator. Reported here. As a workaround you can define global animation in chart property.

"chart": {
  "backgroundColor": "#eaeaf2",
  "type": "column",
  "zoomType": "xy",
  "animation": {
      "duration": 9000
    }
},

example: http://jsfiddle.net/r88yszk0/488/

Upvotes: 1

Related Questions