RE: Updating a Dynamic Image with AJAX (and JFreeChart)
I would be nice for this work as we have a JFreeChart written which is called by other apps too. > Date: Sat, 14 Nov 2009 10:23:38 +0100 > From: zabia...@gmail.com > To: user se...@wicket.apache.org > Subject: Re: Updating a Dynamic Image with AJAX (and JFreeChart) > > Hi there, > is JFreeChart your only possible approach? Check out flot integration > from wicketstuff-core. > It draws nicer charts and you can update datasets sending json object > and redraw it by js. > > Regards, > Wojtek > > > Swarnim Ranjitkar pisze: > > I couldn't override getResourceState of DynamicImageResource as it new > > Resource state uses variable from DynamicImageResource eg format. Instead i > > copied DynamicImageResource class and made my own version of it and > > modified the getResourceState() get method. When I changed the drop down I > > was expecting it to call the geImageData but it wasn't calling it. Could > > you please advice. > > Here is the modified method. > > protected synchronized ResourceState getResourceState() > > { > > return new ResourceState() > > { > > private byte[] imageData; > > private final String contentType = "image/" + format; > > > > @Override > > public Time lastModifiedTime() > > { > > if (lastModifiedTime == null) > > { > > lastModifiedTime = > > DynamicImageResource.this.lastModifiedTime; > > if (lastModifiedTime == null) > > { > > lastModifiedTime = Time.now(); > > } > > } > > return lastModifiedTime; > > } > > > > @Override > > public byte[] getData() > > { > > // here is what I made the change. > > imageData = getImageData(); > > return imageData; > > } > > > > @Override > > public String getContentType() > > { > > return contentType; > > } > > }; > > } > > > > From my Image Class I called the copied version of in getImageResource() > > { > > > > return new DynamicImageResource(){ > > > > > > public class TugboatChartImage extends NonCachingImage { > > > > private int width; > > private int height; > > > > public TugboatChartImage(String id, JFreeChart chart, int width, int > > height){ > > super(id, new Model(chart)); > > this.width = width; > > this.height = height; > > } > > > > @Override > > protected Resource getImageResource() { > > return new DynamicImageResource(){//my copied version of > > DynamicResouce > > @Override > > protected byte[] getImageData() { > > JFreeChart chart = (JFreeChart)getDefaultModelObject(); > > return toImageData(chart.createBufferedImage(width, > > height)); > > } > > > > > > }; > > } > > > > } > > > > > > > >> To: users@wicket.apache.org > >> From: craig.mcil...@openroadsconsulting.com > >> Subject: Re: Updating a Dynamic Image with AJAX (and JFreeChart) > >> Date: Fri, 13 Nov 2009 23:31:39 -0500 > >> > >> Look at the source of the DynamicImageResource class. The > >> getResourceState method does something like (sorry for the lame > >> pseudocode) 'if image data is null then save and return value of > >> getImageData else return the previous image data'. So its gonna call your > >> getImageData() method once and save the value. This falls in line with > >> the super class's (DynamicWebResource) javadoc that says: > >> > >> very useful for things you generate dynamically, but reuse for a while > >> after that. If you need resources that stream directly and are not > >> cached, extend WebResource directly and implement > >> Resouce.getResourceStream() yourself. > >> > >> It has nothing to do with HTTP caching, which it looks like you're trying > >> to solve with your headers, but server-side caching. Anyways... in this > >> case, getResourceStream of WebResource ends up calling getResourceState of
Re: Updating a Dynamic Image with AJAX (and JFreeChart)
Hi there, is JFreeChart your only possible approach? Check out flot integration from wicketstuff-core. It draws nicer charts and you can update datasets sending json object and redraw it by js. Regards, Wojtek Swarnim Ranjitkar pisze: I couldn't override getResourceState of DynamicImageResource as it new Resource state uses variable from DynamicImageResource eg format. Instead i copied DynamicImageResource class and made my own version of it and modified the getResourceState() get method. When I changed the drop down I was expecting it to call the geImageData but it wasn't calling it. Could you please advice. Here is the modified method. protected synchronized ResourceState getResourceState() { return new ResourceState() { private byte[] imageData; private final String contentType = "image/" + format; @Override public Time lastModifiedTime() { if (lastModifiedTime == null) { lastModifiedTime = DynamicImageResource.this.lastModifiedTime; if (lastModifiedTime == null) { lastModifiedTime = Time.now(); } } return lastModifiedTime; } @Override public byte[] getData() { // here is what I made the change. imageData = getImageData(); return imageData; } @Override public String getContentType() { return contentType; } }; } From my Image Class I called the copied version of in getImageResource() { return new DynamicImageResource(){ public class TugboatChartImage extends NonCachingImage { private int width; private int height; public TugboatChartImage(String id, JFreeChart chart, int width, int height){ super(id, new Model(chart)); this.width = width; this.height = height; } @Override protected Resource getImageResource() { return new DynamicImageResource(){//my copied version of DynamicResouce @Override protected byte[] getImageData() { JFreeChart chart = (JFreeChart)getDefaultModelObject(); return toImageData(chart.createBufferedImage(width, height)); } }; } } To: users@wicket.apache.org From: craig.mcil...@openroadsconsulting.com Subject: Re: Updating a Dynamic Image with AJAX (and JFreeChart) Date: Fri, 13 Nov 2009 23:31:39 -0500 Look at the source of the DynamicImageResource class. The getResourceState method does something like (sorry for the lame pseudocode) 'if image data is null then save and return value of getImageData else return the previous image data'. So its gonna call your getImageData() method once and save the value. This falls in line with the super class's (DynamicWebResource) javadoc that says: very useful for things you generate dynamically, but reuse for a while after that. If you need resources that stream directly and are not cached, extend WebResource directly and implement Resouce.getResourceStream() yourself. It has nothing to do with HTTP caching, which it looks like you're trying to solve with your headers, but server-side caching. Anyways... in this case, getResourceStream of WebResource ends up calling getResourceState of DynamicImageResource. All you need to do is is override getResourceState (and therefore kind of overrides the behavior of getResourceStream) of your DynamicImageResource and ensure that it doesn't cache the result of getImageData() and you should be set. Craig _ From: wicketnewuser [mailto:swarn...@hotmail.com] To: users@wicket.apache.org Sent: Fri, 13 Nov 2009 20:32:05 -0500 Subject: Re: Updating a Dynamic Image with AJAX (and JFreeChart) I have same situation. I'm not able to refresh my image. But if i view the image i do get refreshed image Here is my code. Based on my dropdownchoice it should make new Jfreechart and the image should refresh. I couldn't get it working so i wrapped the image with in a span but it still doesn't work. TugboatChartImage extends NonCachingImage . Can any one point out what I'm doing wrong Chart chart1 = new Chart(this.getString(column1.toString()), "Date", "Dollars"); final String yAxisType = "linear"; final int smallChartWidth=400; final int smallChartHeight=200; JFreeChart jfChartOne = chart1.render(chartOneCollection, null, yAxisType, smallChartWidth, smallChartHeight); // make an image final TugboatChartImage imageOne = new TugboatChartImage("chart1image", jfChartOne, smallChartWidth, smallChartHeight); final WebMarkupContai
RE: Updating a Dynamic Image with AJAX (and JFreeChart)
I couldn't override getResourceState of DynamicImageResource as it new Resource state uses variable from DynamicImageResource eg format. Instead i copied DynamicImageResource class and made my own version of it and modified the getResourceState() get method. When I changed the drop down I was expecting it to call the geImageData but it wasn't calling it. Could you please advice. Here is the modified method. protected synchronized ResourceState getResourceState() { return new ResourceState() { private byte[] imageData; private final String contentType = "image/" + format; @Override public Time lastModifiedTime() { if (lastModifiedTime == null) { lastModifiedTime = DynamicImageResource.this.lastModifiedTime; if (lastModifiedTime == null) { lastModifiedTime = Time.now(); } } return lastModifiedTime; } @Override public byte[] getData() { // here is what I made the change. imageData = getImageData(); return imageData; } @Override public String getContentType() { return contentType; } }; } >From my Image Class I called the copied version of in getImageResource() { return new DynamicImageResource(){ public class TugboatChartImage extends NonCachingImage { private int width; private int height; public TugboatChartImage(String id, JFreeChart chart, int width, int height){ super(id, new Model(chart)); this.width = width; this.height = height; } @Override protected Resource getImageResource() { return new DynamicImageResource(){//my copied version of DynamicResouce @Override protected byte[] getImageData() { JFreeChart chart = (JFreeChart)getDefaultModelObject(); return toImageData(chart.createBufferedImage(width, height)); } }; } } > To: users@wicket.apache.org > From: craig.mcil...@openroadsconsulting.com > Subject: Re: Updating a Dynamic Image with AJAX (and JFreeChart) > Date: Fri, 13 Nov 2009 23:31:39 -0500 > > Look at the source of the DynamicImageResource class. The getResourceState > method does something like (sorry for the lame pseudocode) 'if image data is > null then save and return value of getImageData else return the previous > image data'. So its gonna call your getImageData() method once and save the > value. This falls in line with the super class's (DynamicWebResource) > javadoc that says: > > very useful for things you generate dynamically, but reuse for a while > after that. If you need resources that stream directly and are not cached, > extend WebResource directly and implement Resouce.getResourceStream() > yourself. > > It has nothing to do with HTTP caching, which it looks like you're trying to > solve with your headers, but server-side caching. Anyways... in this case, > getResourceStream of WebResource ends up calling getResourceState of > DynamicImageResource. All you need to do is is override getResourceState > (and therefore kind of overrides the behavior of getResourceStream) of your > DynamicImageResource and ensure that it doesn't cache the result of > getImageData() and you should be set. > > Craig > _ > > From: wicketnewuser [mailto:swarn...@hotmail.com] > To: users@wicket.apache.org > Sent: Fri, 13 Nov 2009 20:32:05 -0500 > Subject: Re: Updating a Dynamic Image with AJAX (and JFreeChart) > > > I have same situation. I'm not able to refresh my image. But if i view the > image i do get refreshed image > Here is my code. Based on my dropdownchoice it should make new Jfreechart > and the image should refresh. I couldn't get it working so i wrapped the > image with in a span but it still doesn't work. TugboatChartImage extends > NonCachingImage . Can any one point out what I'm doing wrong > Chart chart1 = new Chart(this.getString(column1.toString()), "Date", > "Dollars"); > final String yAxisType = "linear"; > final int smallChartWidth=400; > final int smallChartHeight=200; > JFreeChart jfChartOne = chart1.render(chartOneCollection, null, yAxisType, > smallChartWidth, smallChartHeight); > > > // make an image > final TugboatChartImage imageOne = new TugboatChartImage("chart1image", > jfChartOne, smallChartWidth, smallChartHeight); >
Re: Updating a Dynamic Image with AJAX (and JFreeChart)
Look at the source of the DynamicImageResource class. The getResourceState method does something like (sorry for the lame pseudocode) 'if image data is null then save and return value of getImageData else return the previous image data'. So its gonna call your getImageData() method once and save the value. This falls in line with the super class's (DynamicWebResource) javadoc that says: very useful for things you generate dynamically, but reuse for a while after that. If you need resources that stream directly and are not cached, extend WebResource directly and implement Resouce.getResourceStream() yourself. It has nothing to do with HTTP caching, which it looks like you're trying to solve with your headers, but server-side caching. Anyways... in this case, getResourceStream of WebResource ends up calling getResourceState of DynamicImageResource. All you need to do is is override getResourceState (and therefore kind of overrides the behavior of getResourceStream) of your DynamicImageResource and ensure that it doesn't cache the result of getImageData() and you should be set. Craig _ From: wicketnewuser [mailto:swarn...@hotmail.com] To: users@wicket.apache.org Sent: Fri, 13 Nov 2009 20:32:05 -0500 Subject: Re: Updating a Dynamic Image with AJAX (and JFreeChart) I have same situation. I'm not able to refresh my image. But if i view the image i do get refreshed image Here is my code. Based on my dropdownchoice it should make new Jfreechart and the image should refresh. I couldn't get it working so i wrapped the image with in a span but it still doesn't work. TugboatChartImage extends NonCachingImage . Can any one point out what I'm doing wrong Chart chart1 = new Chart(this.getString(column1.toString()), "Date", "Dollars"); final String yAxisType = "linear"; final int smallChartWidth=400; final int smallChartHeight=200; JFreeChart jfChartOne = chart1.render(chartOneCollection, null, yAxisType, smallChartWidth, smallChartHeight); // make an image final TugboatChartImage imageOne = new TugboatChartImage("chart1image", jfChartOne, smallChartWidth, smallChartHeight); final WebMarkupContainer chart1Span = new WebMarkupContainer("chart1Span"); chart1Span.add(imageOne); add(chart1Span); // draw chart 2 Chart chart2 = new Chart(this.getString(column2.toString()), "Date", "Count"); JFreeChart jfChartTwo = chart2.render(chartTwoCollection, null, yAxisType, smallChartWidth, smallChartHeight); // make an image TugboatChartImage imageTwo = new TugboatChartImage("chart2image", jfChartTwo, smallChartWidth, smallChartHeight); add(imageTwo); String filterStringList =""; if (filterStringList!= null){ filterStringList = report.getFilterParameterList().toString().replaceAll("\\[", ""); filterStringList = filterStringList.replaceAll("\\]", ""); } final DropDownChoice chart1Select = new DropDownChoice("chart1Select" ,new PropertyModel(this, "column1"), TugboatReportData.trafficColumns,new IChoiceRenderer() { public Object getDisplayValue(Object obj) { //this.getString give you value from the propertyfile return ReportResultsPage.this.getString(((TugboatReportData.ColumnName) obj).toString()); } public String getIdValue(Object obj, int index) { return obj.toString(); } }); chart1Select.add(new AjaxFormComponentUpdatingBehavior("onchange") { protected void onUpdate(AjaxRequestTarget target) { sortByColumn(displayRowSetFinal, column1); Chart chart1R = new Chart(ReportResultsPage.this.getString(column1.toString()), "Date", "Dollars"); SwishTimeSeriesCollection chartOneCollectionR = createChartCollection(report, originalRowSet, displayRowSetFinal.subList(0, (originalRowSet.size() > 10) ? 9 : originalRowSet.size() - 1), column1); logger.error(displayRowSetFinal); JFreeChart jfChartOneR = chart1R.render(chartOneCollectionR, null, yAxisType, smallChartWidth, smallChartHeight); imageOne.setDefaultModelObject(jfChartOneR); imageOne.modelChanged(); chart1Span.modelChanged(); chart1Span.setOutputMarkupId(true); imageOne.setOutputMarkupId(true); target.addComponent(imageOne); target.addComponent(chart1Span); } }); Jason Mihalick wrote: > > I am integrating JFreeChart into my application and I've followed the > JFreeChart example on the wiki. That works very nicely. I was impressed. > What I want to do now is update the graph that I display based on the > selection from a
Re: Updating a Dynamic Image with AJAX (and JFreeChart)
I have same situation. I'm not able to refresh my image. But if i view the image i do get refreshed image Here is my code. Based on my dropdownchoice it should make new Jfreechart and the image should refresh. I couldn't get it working so i wrapped the image with in a span but it still doesn't work. TugboatChartImage extends NonCachingImage . Can any one point out what I'm doing wrong Chart chart1 = new Chart(this.getString(column1.toString()), "Date", "Dollars"); final String yAxisType = "linear"; final int smallChartWidth=400; final int smallChartHeight=200; JFreeChart jfChartOne = chart1.render(chartOneCollection, null, yAxisType, smallChartWidth, smallChartHeight); // make an image final TugboatChartImage imageOne = new TugboatChartImage("chart1image", jfChartOne, smallChartWidth, smallChartHeight); final WebMarkupContainer chart1Span = new WebMarkupContainer("chart1Span"); chart1Span.add(imageOne); add(chart1Span); // draw chart 2 Chart chart2 = new Chart(this.getString(column2.toString()), "Date", "Count"); JFreeChart jfChartTwo = chart2.render(chartTwoCollection, null, yAxisType, smallChartWidth, smallChartHeight); // make an image TugboatChartImage imageTwo = new TugboatChartImage("chart2image", jfChartTwo, smallChartWidth, smallChartHeight); add(imageTwo); String filterStringList =""; if (filterStringList!= null){ filterStringList = report.getFilterParameterList().toString().replaceAll("\\[", ""); filterStringList = filterStringList.replaceAll("\\]", ""); } final DropDownChoice chart1Select = new DropDownChoice("chart1Select" ,new PropertyModel(this, "column1"), TugboatReportData.trafficColumns,new IChoiceRenderer() { public Object getDisplayValue(Object obj) { //this.getString give you value from the propertyfile return ReportResultsPage.this.getString(((TugboatReportData.ColumnName) obj).toString()); } public String getIdValue(Object obj, int index) { return obj.toString(); } }); chart1Select.add(new AjaxFormComponentUpdatingBehavior("onchange") { protected void onUpdate(AjaxRequestTarget target) { sortByColumn(displayRowSetFinal, column1); Chart chart1R = new Chart(ReportResultsPage.this.getString(column1.toString()), "Date", "Dollars"); SwishTimeSeriesCollection chartOneCollectionR = createChartCollection(report, originalRowSet, displayRowSetFinal.subList(0, (originalRowSet.size() > 10) ? 9 : originalRowSet.size() - 1), column1); logger.error(displayRowSetFinal); JFreeChart jfChartOneR = chart1R.render(chartOneCollectionR, null, yAxisType, smallChartWidth, smallChartHeight); imageOne.setDefaultModelObject(jfChartOneR); imageOne.modelChanged(); chart1Span.modelChanged(); chart1Span.setOutputMarkupId(true); imageOne.setOutputMarkupId(true); target.addComponent(imageOne); target.addComponent(chart1Span); } }); Jason Mihalick wrote: > > I am integrating JFreeChart into my application and I've followed the > JFreeChart example on the wiki. That works very nicely. I was impressed. > What I want to do now is update the graph that I display based on the > selection from a drop down list. I've successfully added the > DropDownChoice component and added a AjaxFormComponentUpdatingBehavior to > it. I've verified that my onUpdate( AjaxRequestTarget ) method is being > invoked and I'm receiving the updated value, which is very cool. Here is > my onUpdate implementation for the DropDownChoice control: > > protected void onUpdate( AjaxRequestTarget target ) { > log.debug( "graphStyles onUpdate invoked! SelectedGraphStyle = " + > FieldResultsPanel.this.getSelectedGraphStyle() ); > FieldResultsPanel.this.updateGraph(); // Update the model and re-create > the JFreeChart Image > > // fieldGraph is my JFreeChartImage instance (derived from Image) > // This is supposed to indicate back to the browser that the image needs > updated. I think this > // is working properly > target.addComponent( FieldResultsPanel.this.fieldGraph ); > } > > Even though I am updating the model of my J
Re: Updating a Dynamic Image with AJAX (and JFreeChart)
I resume an old conversation, but i've a similar problem. I have exactly same situation : a dynamic image generated at runtime, with a non caching image i can refresh it easily. It all works on my pc (and my jboss). But when I upload this on the server it doesn't work... i think that it could be something like user permissions (authorization and other), but my user is the owner of all jboss directory (with 776 permission). The identical situation in my local pc works great... I try to show some code: I have a my implementation of a NonCachingImage [CODE] public class JFreeChartImage extends NonCachingImage { private int width; private int height; public JFreeChartImage(String id, JFreeChart chart, int width, int height) { super(id, new Model(chart)); this.width = width; this.height = height; } @Override protected Resource getImageResource() { return new DynamicImageResource() { @Override protected byte[] getImageData() { JFreeChart chart = (JFreeChart) getModelObject(); return toImageData(chart.createBufferedImage(width, height)); } @Override protected void setHeaders(WebResponse response) { if (isCacheable()) { super.setHeaders(response); } else { response.setHeader("Pragma", "no-cache"); response.setHeader("Cache-Control", "no-cache"); response.setDateHeader("Expires", 0); } } }; } } [/CODE] And I've added an instance of this Image on my page (obviously), and in every refresh I modify only the model (chart) and recall an ajax target event. I show to you [CODE] private JFreeChartImage image ... ... ... // In refreshing moment JFreeChart chart = getChart(); image.setModelObject(chart); [/CODE] and then I call an target.addComponent(image) on the AjaxRequestTarget. I've seen the html code and I've found the real Image url (something like ?wicket:interface=:7:container:image::IResourceListener&wicket:antiCache=1245855026418)... in local pc if I try to request that url I receive the image, in the remote server no. Can anyone helps me to resolve this strange problem? If it is a permission problem, where, who and what I have to open to my user? Thanks in advance E. Jason Mihalick wrote: > > Thanks for the tip. That worked! That was too easy. :-) > > -- > Jason > > David Bernard-2 wrote: >> >> Hi, >> >> Have you try to extend NonCachingImage instead of Image (and comments >> setHeaders(...))? >> >> /david >> >> Jason Mihalick wrote: >>> I am integrating JFreeChart into my application and I've followed the >>> JFreeChart example on the wiki. That works very nicely. I was >>> impressed. >>> What I want to do now is update the graph that I display based on the >>> selection from a drop down list. I've successfully added the >>> DropDownChoice >>> component and added a AjaxFormComponentUpdatingBehavior to it. I've >>> verified that my onUpdate( AjaxRequestTarget ) method is being invoked >>> and >>> I'm receiving the updated value, which is very cool. Here is my >>> onUpdate >>> implementation for the DropDownChoice control: >>> >>> protected void onUpdate( AjaxRequestTarget target ) { >>> log.debug( "graphStyles onUpdate invoked! SelectedGraphStyle = " + >>> FieldResultsPanel.this.getSelectedGraphStyle() ); >>> FieldResultsPanel.this.updateGraph(); // Update the model and >>> re-create >>> the JFreeChart Image >>> >>> // fieldGraph is my JFreeChartImage instance (derived from Image) >>> // This is supposed to indicate back to the browser that the image >>> needs >>> updated. I think this >>> // is working properly >>> target.addComponent( FieldResultsPanel.this.fieldGraph ); >>> } >>> >>> Even though I am updating the model of my JFreeChartImage, it appears >>> that >>> the getImageData method is never invoked afterwards. >>> >>> What do I need to do in order to get the image data to be re-read? >>> >>> Here is my JFreeChartImage class: >>> >>> public class JFreeChartImage extends Image { >>> >>> private static final Logger log = LoggerFactory.getLogger( >>> JFreeChartImage.class ); >>> >>> private int width; >>> private int height; >>> >>> public JFreeChartImage( String id ) { >>> super( id ); >>> } >>> >>> public JFreeChartImage( String id, int width, int height ) { >>> this( id ); >>> this.width = width; >>> this.height = height; >>> } >>> >>> public JFreeChartImage( String id, JFreeCh
Re: Updating a Dynamic Image with AJAX (and JFreeChart)
I have been unable to get the JFreeChart ToolTips to work in Wicket (NetBeans 6.0). The wiki example sets the tooltips flag to true, but the resulting web page contains no image map... thus, no tooltips. Should this work? Thanks, Scott -- View this message in context: http://www.nabble.com/Updating-a-Dynamic-Image-with-AJAX-%28and-JFreeChart%29-tp12884455p15439692.html Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
Re: Updating a Dynamic Image with AJAX (and JFreeChart)
Jason Mihalick wrote: Thanks for the tip. That worked! That was too easy. :-) It's possible update the image in a more smooth manner (to avoid blinking). Java part: target.appendJavascript("refreshImage(document.getElementById('" + graphImage.getMarkupId() + "'));"); And the script: function refreshImage(img) { if (/refreshImg/.test(img.src)) {var newSrc = img.src.replace(/&refreshImg.*/, "&refreshImg=" + Math.random());img.src = newSrc; } else { img.src = img.src + "&refreshImg=" + Math.random(); } } -- Andrew Klochkov - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
Re: Updating a Dynamic Image with AJAX (and JFreeChart)
Thanks for the tip. That worked! That was too easy. :-) -- Jason David Bernard-2 wrote: > > Hi, > > Have you try to extend NonCachingImage instead of Image (and comments > setHeaders(...))? > > /david > > Jason Mihalick wrote: >> I am integrating JFreeChart into my application and I've followed the >> JFreeChart example on the wiki. That works very nicely. I was >> impressed. >> What I want to do now is update the graph that I display based on the >> selection from a drop down list. I've successfully added the >> DropDownChoice >> component and added a AjaxFormComponentUpdatingBehavior to it. I've >> verified that my onUpdate( AjaxRequestTarget ) method is being invoked >> and >> I'm receiving the updated value, which is very cool. Here is my onUpdate >> implementation for the DropDownChoice control: >> >> protected void onUpdate( AjaxRequestTarget target ) { >> log.debug( "graphStyles onUpdate invoked! SelectedGraphStyle = " + >> FieldResultsPanel.this.getSelectedGraphStyle() ); >> FieldResultsPanel.this.updateGraph(); // Update the model and >> re-create >> the JFreeChart Image >> >> // fieldGraph is my JFreeChartImage instance (derived from Image) >> // This is supposed to indicate back to the browser that the image >> needs >> updated. I think this >> // is working properly >> target.addComponent( FieldResultsPanel.this.fieldGraph ); >> } >> >> Even though I am updating the model of my JFreeChartImage, it appears >> that >> the getImageData method is never invoked afterwards. >> >> What do I need to do in order to get the image data to be re-read? >> >> Here is my JFreeChartImage class: >> >> public class JFreeChartImage extends Image { >> >> private static final Logger log = LoggerFactory.getLogger( >> JFreeChartImage.class ); >> >> private int width; >> private int height; >> >> public JFreeChartImage( String id ) { >> super( id ); >> } >> >> public JFreeChartImage( String id, int width, int height ) { >> this( id ); >> this.width = width; >> this.height = height; >> } >> >> public JFreeChartImage( String id, JFreeChart chart, int width, int >> height >> ) { >> super(id, new Model( chart ) ); >> this.width = width; >> this.height = height; >> } >> >> public Component setModel( JFreeChart chart ) { >> log.debug( "setModel invoked with chart: " + chart ); >> return super.setModel( new Model( chart ) ); >> } >> >> @Override >> protected Resource getImageResource() { >> >> return new DynamicImageResource(){ >> private static final long serialVersionUID = 1L; >> >> @Override >> protected byte[] getImageData() { >> log.debug( "Invoking getImageData..." ); >> JFreeChart chart = (JFreeChart)getModelObject(); >> log.debug( "Chart object: " + chart ); >> return toImageData( chart.createBufferedImage( width, height ) ); >> } >> >> @Override >> protected void setHeaders( WebResponse response ) { >> if ( isCacheable() ) { >> super.setHeaders(response); >> } else { >> response.setHeader( "Pragma", "no-cache" ); >> response.setHeader( "Cache-Control", "no-cache" ); >> response.setDateHeader( "Expires", 0 ); >> } >> } >> }; >> } >> >> Any help is much appreciated! >> >> -- >> Jason > > - > To unsubscribe, e-mail: [EMAIL PROTECTED] > For additional commands, e-mail: [EMAIL PROTECTED] > > > -- View this message in context: http://www.nabble.com/Updating-a-Dynamic-Image-with-AJAX-%28and-JFreeChart%29-tf4517009.html#a12885649 Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
Re: Updating a Dynamic Image with AJAX (and JFreeChart)
Hi, Have you try to extend NonCachingImage instead of Image (and comments setHeaders(...))? /david Jason Mihalick wrote: I am integrating JFreeChart into my application and I've followed the JFreeChart example on the wiki. That works very nicely. I was impressed. What I want to do now is update the graph that I display based on the selection from a drop down list. I've successfully added the DropDownChoice component and added a AjaxFormComponentUpdatingBehavior to it. I've verified that my onUpdate( AjaxRequestTarget ) method is being invoked and I'm receiving the updated value, which is very cool. Here is my onUpdate implementation for the DropDownChoice control: protected void onUpdate( AjaxRequestTarget target ) { log.debug( "graphStyles onUpdate invoked! SelectedGraphStyle = " + FieldResultsPanel.this.getSelectedGraphStyle() ); FieldResultsPanel.this.updateGraph(); // Update the model and re-create the JFreeChart Image // fieldGraph is my JFreeChartImage instance (derived from Image) // This is supposed to indicate back to the browser that the image needs updated. I think this // is working properly target.addComponent( FieldResultsPanel.this.fieldGraph ); } Even though I am updating the model of my JFreeChartImage, it appears that the getImageData method is never invoked afterwards. What do I need to do in order to get the image data to be re-read? Here is my JFreeChartImage class: public class JFreeChartImage extends Image { private static final Logger log = LoggerFactory.getLogger( JFreeChartImage.class ); private int width; private int height; public JFreeChartImage( String id ) { super( id ); } public JFreeChartImage( String id, int width, int height ) { this( id ); this.width = width; this.height = height; } public JFreeChartImage( String id, JFreeChart chart, int width, int height ) { super(id, new Model( chart ) ); this.width = width; this.height = height; } public Component setModel( JFreeChart chart ) { log.debug( "setModel invoked with chart: " + chart ); return super.setModel( new Model( chart ) ); } @Override protected Resource getImageResource() { return new DynamicImageResource(){ private static final long serialVersionUID = 1L; @Override protected byte[] getImageData() { log.debug( "Invoking getImageData..." ); JFreeChart chart = (JFreeChart)getModelObject(); log.debug( "Chart object: " + chart ); return toImageData( chart.createBufferedImage( width, height ) ); } @Override protected void setHeaders( WebResponse response ) { if ( isCacheable() ) { super.setHeaders(response); } else { response.setHeader( "Pragma", "no-cache" ); response.setHeader( "Cache-Control", "no-cache" ); response.setDateHeader( "Expires", 0 ); } } }; } Any help is much appreciated! -- Jason - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
Updating a Dynamic Image with AJAX (and JFreeChart)
I am integrating JFreeChart into my application and I've followed the JFreeChart example on the wiki. That works very nicely. I was impressed. What I want to do now is update the graph that I display based on the selection from a drop down list. I've successfully added the DropDownChoice component and added a AjaxFormComponentUpdatingBehavior to it. I've verified that my onUpdate( AjaxRequestTarget ) method is being invoked and I'm receiving the updated value, which is very cool. Here is my onUpdate implementation for the DropDownChoice control: protected void onUpdate( AjaxRequestTarget target ) { log.debug( "graphStyles onUpdate invoked! SelectedGraphStyle = " + FieldResultsPanel.this.getSelectedGraphStyle() ); FieldResultsPanel.this.updateGraph(); // Update the model and re-create the JFreeChart Image // fieldGraph is my JFreeChartImage instance (derived from Image) // This is supposed to indicate back to the browser that the image needs updated. I think this // is working properly target.addComponent( FieldResultsPanel.this.fieldGraph ); } Even though I am updating the model of my JFreeChartImage, it appears that the getImageData method is never invoked afterwards. What do I need to do in order to get the image data to be re-read? Here is my JFreeChartImage class: public class JFreeChartImage extends Image { private static final Logger log = LoggerFactory.getLogger( JFreeChartImage.class ); private int width; private int height; public JFreeChartImage( String id ) { super( id ); } public JFreeChartImage( String id, int width, int height ) { this( id ); this.width = width; this.height = height; } public JFreeChartImage( String id, JFreeChart chart, int width, int height ) { super(id, new Model( chart ) ); this.width = width; this.height = height; } public Component setModel( JFreeChart chart ) { log.debug( "setModel invoked with chart: " + chart ); return super.setModel( new Model( chart ) ); } @Override protected Resource getImageResource() { return new DynamicImageResource(){ private static final long serialVersionUID = 1L; @Override protected byte[] getImageData() { log.debug( "Invoking getImageData..." ); JFreeChart chart = (JFreeChart)getModelObject(); log.debug( "Chart object: " + chart ); return toImageData( chart.createBufferedImage( width, height ) ); } @Override protected void setHeaders( WebResponse response ) { if ( isCacheable() ) { super.setHeaders(response); } else { response.setHeader( "Pragma", "no-cache" ); response.setHeader( "Cache-Control", "no-cache" ); response.setDateHeader( "Expires", 0 ); } } }; } Any help is much appreciated! -- Jason -- View this message in context: http://www.nabble.com/Updating-a-Dynamic-Image-with-AJAX-%28and-JFreeChart%29-tf4517009.html#a12884455 Sent from the Wicket - User mailing list archive at Nabble.com. - To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]