Posts

Showing posts with the label linechart

Animation is not working for multiline chart D3 v4

Animation is not working for multiline chart D3 v4 I have created a line chart. Now i am trying to add animations in it. Line chart is multi line chart. When i try to put animation in both lines , code is not working and when i comment animation code of second line , then it works for first line. Animation in both lines together is not working. Here is the link of codepen - link In codepen link "code of second line(animation) is commented" code: <html> <head> <meta charset="utf-8" /> </head> <body> <div id="lineChartGph" class="lineChartGph"></div> <script src="https://d3js.org/d3.v4.min.js"></script> <script> initLineChart(); function initLineChart(){ // set the dimensions and margins of the graph var margin = {top: 20, right: 40, bottom: 30, left: 50}, width = 450 - margin.left - margin.right, hei...