FVANCOP / ChartNew.js

MIT License
420 stars 142 forks source link

Best way to update bar based on input value? #402

Open webguy262 opened 8 years ago

webguy262 commented 8 years ago

I posted this...

https://github.com/nnnick/Chart.js/issues/1806

...as an issue on Charts.js but have not yet found a fix. Since you know intimately both ChartsJS and ChartsNewJS, can you take a look and point me in the right direction?

Is there a new capability in ChartsNewJS that will help do what I want to accomplish?

Thanks!

markosko commented 8 years ago

I think i know solution but i need to get to pc what will be in hour or so if u will wait till then i will post it

webguy262 commented 8 years ago

@markosko That would be great!

markosko commented 8 years ago

http://jsfiddle.net/mzsLwe8n/1/ try this only problem is that u need to regenerate whole graph as new because i dont know way to get config of graph to do updategraph function :/ maybe @FVANCOP will know way to do it

webguy262 commented 8 years ago

@markosko Thanks man! Farther along than I was able to get! I'm gonna test and get back if I need more help!

markosko commented 8 years ago

No problem if something u will need to explain write me mail which u can find in my profile so we wont spam other people

FVANCOP commented 8 years ago

Preferably, you should add following lines in the "change" function before the call of the Chart Function. The two first lines are important when the application is used in Safari browser (Appel browser).

document.getElementById("canvas").getContext("2d").canvas.height=<place here the original height of your canvas>;
document.getElementById("canvas").getContext("2d").canvas.width=<place here the original width of your canvas>;
document.getElementById("canvas").getContext("2d").firstPass=undefined;
document.getElementById("canvas").getContext("2d").runanimationcompletefunction=true;
document.getElementById("canvas").getContext("2d").tpchart=undefined;
document.getElementById("canvas").getContext("2d").initialWidth=undefined;
document.getElementById("canvas").getContext("2d").chartTextScale=undefined;
document.getElementById("canvas").getContext("2d").chartLineScale=undefined;
document.getElementById("canvas").getContext("2d").chartSpaceScale=undefined;
document.getElementById("canvas").getContext("2d").ChartNewId=undefined;
document.getElementById("canvas").getContext("2d").DefaultchartTextScale=undefined;
document.getElementById("canvas").getContext("2d").DefaultchartLineScale=undefined;
document.getElementById("canvas").getContext("2d").DefaultchartSpaceScale=undefined;
document.getElementById("canvas").getContext("2d").aspectRatio = undefined;