FVANCOP
commented
8 years ago You are right : there is a bug if you set "animationStartWithData : 7" and "animationStartWithDataset : 2" ; But with those values, the chart should not be animated at all. When the animation goes left to right, the animation start after the point associated to value of animationStartWithData. As specified by @markosko in issue #59 , you should specify "animationStartWidthData : 6" if you want to get an chart animated between the before last (point 6) and the last points (point 7).
I will fix this when I publish a new update of ChartNew.js (currently working on some bugs detected on iPhone).
soodrah
markosko
Hi Fvancop, Thanks for this feature. This is related to issue59 link to issue 59. This feature lets me animate portions of data. Except there is a problem that it does not work correctly with animationLeftToRight. I am using animation_lines.html to illustrate the issue.
Here is the dataSet datasets : [ { fillColor : "rgba(220,220,220,0.5)", strokeColor : "rgba(220,220,220,1)", pointColor : "rgba(220,220,220,1)", pointstrokeColor : "yellow",
// data : [40],
title : "2014" }, { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,1)", pointColor : "green", pointstrokeColor : "yellow", data : [35,43,59,,31,50,66], // data : [35], title : "2013" } ]
I would like to animate only from the data point 66 in [35,43,59,,31,50,66]. This works good if i am not using animationLeftToRight. As soon as I use that option the animation for the portion 66 just does not happen instead that portion of the graph just fills in after few seconds. Can we have a fix for this soon, I am evaluating this library for use in a new project. Will appreciate quick turnaround. FYI, I am a very good java developer, just ok in javascript. I am using GWT in my project so will be writing GWT java wrappers for this Library i.e. using JSNI and Java overlay Types. Once done I can make that part of this open source. I am hoping you can fix this so that can use this library.
Here are the options i am using, taken from animation_lines.html, see the changes to animationStartWithDataset and animationStartWithData
var opt1 = { animationStartWithDataset : 2, animationStartWithData : 7, animationLeftToRight:true, animationEasing:"linear", animationSteps : 200, canvasBorders : true, canvasBordersWidth : 3, canvasBordersColor : "black", graphTitle : "default animation", legend : true, inGraphDataShow : true, annotateDisplay : true, graphTitleFontSize: 18
}