JSP não carrega outputstream gerado por JFreeChart

O Firefox lhe deu uma pista importante - você viu os 4 caracteres “JFIF” que apareceram na saída? Isso indica que você está tentando mandar um arquivo JPEG dentro da própria página HTML - obviamente isso não pode ser feito dessa maneira, já que uma página HTML tem de referenciar um arquivo de imagem usando uma tag IMG em um arquivo separado.

Normalmente você usa uma taglib como a CeWolf. Isso consegue resolver esse problema de referenciar uma imagem em um arquivo separado, já que a taglib toma conta desse detalhe trágico.

comecei tentando usar cewolf, mas desisti, já que quando chamo meu objeto pela tag, ele lê novamente o dataset e assim roda a query novamente só que dessa vez com os dados dinâmicos nulos, já que ele não chama o servlet, onde tenho meu request pegando os dados passados pela tela, por isso fiquei 3 dias insistindo no cewolf e hoje desisti dele.
alguma ajuda para fazer isso sem cewolf

wjava:

comecei tentando usar cewolf, mas desisti, já que quando chamo meu objeto pela tag, ele lê novamente o dataset e assim roda a query novamente só que dessa vez com os dados dinâmicos nulos, já que ele não chama o servlet, onde tenho meu request pegando os dados passados pela tela, por isso fiquei 3 dias insistindo no cewolf e hoje desisti dele.
alguma ajuda para fazer isso sem cewolf

Opa, aqui eu faço tudo em uma classe auxiliar que é chamada pelo meu BackingBean. Essa classe gera uma imagem e salva como string, onde no meu xhtml eu utilizo a tag s:graphicImage (utlizo seam e jsf). Não sei como faria isso em jsp, mas vou dar uma olhada.

bjuncklaus:

wjava:

comecei tentando usar cewolf, mas desisti, já que quando chamo meu objeto pela tag, ele lê novamente o dataset e assim roda a query novamente só que dessa vez com os dados dinâmicos nulos, já que ele não chama o servlet, onde tenho meu request pegando os dados passados pela tela, por isso fiquei 3 dias insistindo no cewolf e hoje desisti dele.
alguma ajuda para fazer isso sem cewolf

Opa, aqui eu faço tudo em uma classe auxiliar que é chamada pelo meu BackingBean. Essa classe gera uma imagem e salva como string, onde no meu xhtml eu utilizo a tag s:graphicImage (utlizo seam e jsf). Não sei como faria isso em jsp, mas vou dar uma olhada.

obrigado por responder bjuncklaus,
aqui uso apenas servlet e jsp

obrigado

Se o problema todo é este, salve a imagem em um arquivo temporário. Após o uso da mesma, delete-o.

eu faço assim, não precisa de cwolf

public String gerarGrafico(ChartFormulario form,HttpServletRequest request, HttpServletResponse response) {
		try {
			response.setContentType("image/png");

			OutputStream outputStream = response.getOutputStream();

			JFreeChart chart = getChart();
			int width = 400;
			int height = 300;
			ChartUtilities.writeChartAsPNG(outputStream, chart, width, height);
			outputStream.close();
		} catch (Exception e) {
			e.printStackTrace();
		}
		return null;
	}
public JFreeChart getChart() {
		DefaultPieDataset dataset = new DefaultPieDataset();
		dataset.setValue("Ford", 23.3);
		dataset.setValue("Chevy", 32.4);
		dataset.setValue("Yugo", 44.2);

		boolean legend = true;
		boolean tooltips = true;
		boolean urls = false;

		JFreeChart chart = ChartFactory.createPieChart("Cars", dataset, legend, tooltips, urls);

		chart.setBorderPaint(Color.GREEN);
		chart.setBorderStroke(new BasicStroke(5.0f));
		chart.setBorderVisible(true);

		return chart;
	}

e na jsp

<IMG SRC="ChartPage?acao=gerarGrafico" BORDER="0" >

eduJava:

eu faço assim, não precisa de cwolf

public String gerarGrafico(ChartFormulario form,HttpServletRequest request, HttpServletResponse response) {
		try {
			response.setContentType("image/png");

			OutputStream outputStream = response.getOutputStream();

			JFreeChart chart = getChart();
			int width = 400;
			int height = 300;
			ChartUtilities.writeChartAsPNG(outputStream, chart, width, height);
			outputStream.close();
		} catch (Exception e) {
			e.printStackTrace();
		}
		return null;
	}
public JFreeChart getChart() {
		DefaultPieDataset dataset = new DefaultPieDataset();
		dataset.setValue("Ford", 23.3);
		dataset.setValue("Chevy", 32.4);
		dataset.setValue("Yugo", 44.2);

		boolean legend = true;
		boolean tooltips = true;
		boolean urls = false;

		JFreeChart chart = ChartFactory.createPieChart("Cars", dataset, legend, tooltips, urls);

		chart.setBorderPaint(Color.GREEN);
		chart.setBorderStroke(new BasicStroke(5.0f));
		chart.setBorderVisible(true);

		return chart;
	}

e na jsp

<IMG SRC="ChartPage?acao=gerarGrafico" BORDER="0" >

Isso, é bem parecido com o que eu faço, só muda o html. No meu caso eu utilizo uma tag do seam. Acho que isso resolve wjava.

bjuncklaus

criei exatamente o seu exemplo no meu código, mas meu problema é o atributo src da tag img ter que iniciar um servlet, pois preciso passar dados para a string que vai rodar o sql no banco e desses dados do banco popular o dataset.

tenho o seguinte javascript para tentar fazer isso:

$(document).ready(function() {
	$("a").click(function() {
		alert($("#item").val() + " - " + $("#subitem").val() + " - " + $("#de").val() + " - "+ $("#ate").val());
		$.post("/Portal/RelChartSatisfacao", {
			'sql' : "select r.nivelsatisfacao as satisfacao, count(1) as contador from relacionamento.satisfacao s join relacionamento.resposta r on s.id = r.satisfacao_id join relacionamento.subpergunta sub on sub.id = r.subpergunta_id join relacionamento.pergunta p on p.id = sub.pergunta_id where p.id = "+$("#item").val()+" and sub.id = "+$("#subitem").val()+" and to_char(s.data,'MM/yyyy') between '"+$("#de").val()+"' and '"+$("#de").val()+"' group by r.nivelsatisfacao order by 1,2"
		},
		function (data) {
			$("#divGraficos").html(data);
		},
		"html"); 
     });
});

<div id="divGraficos"></div>

Entro direitinho no servlet e recebo os dados por request.
Mas na tela, onde deveria aparecer o gráfico, aparece apenas �PNG (mudei o método para gerar .png, mas não adiantou)

wjava:

bjuncklaus

criei exatamente o seu exemplo no meu código, mas meu problema é o atributo src da tag img ter que iniciar um servlet, pois preciso passar dados para a string que vai rodar o sql no banco e desses dados do banco popular o dataset.

tenho o seguinte javascript para tentar fazer isso:

$(document).ready(function() {
	$("a").click(function() {
		alert($("#item").val() + " - " + $("#subitem").val() + " - " + $("#de").val() + " - "+ $("#ate").val());
		$.post("/Portal/RelChartSatisfacao", {
			'sql' : "select as colunas que eu quero from tabelas where aid = "+$("#item").val()+" and bid = "+$("#subitem").val()+" and to_char(s.data,'MM/yyyy') between '"+$("#de").val()+"' and '"+$("#de").val()+"'
		},
		function (data) {
			$("#divGraficos").html(data);
		},
		"html"); 
     });
});

<div id="divGraficos"></div>

Entro direitinho no servlet e recebo os dados por request.
Mas na tela, onde deveria aparecer o gráfico, aparece apenas �PNG (mudei o método para gerar .png, mas não adiantou)

Alguém sabe como faço pra meu javascript gerar o dado na tag img ao invés de jogar direto no html ?

function (data) {
			$("#divGraficos").html(data);
		},
		"html");

no código acima, um modo de mandar como imagem, mas dentro da tag img ?

http://api.jquery.com/attr/

$("img").attr({ src: "/images/hat.gif", title: "jQuery", alt: "jQuery Logo" });

mais não funciona assim
quando vc tem uma imagem e vc altera o src, ele automaticamente ja pega esse src e faz uma chamada e tenta pegar o retorno que no caso é um png.
entao ali vc não precisa fazer um post nem nada, coloque somente o caminho do metodo com os parametros no src que ele vai funcionar
falow

tinham dois problemas, primeiro colocar minha div depois do form e segundo criar um javascript direito dessa forma:

function getquerystring() {
    var sql = "select colunas from tabelas where aid = "+$("#item").val()+" and bid = "+$("#subitem").val()+" and to_char(s.data,'MM/yyyy') between '"+$("#de").val()+"' and '"+$("#de").val()+"';
    var res='<img src="/Portal/RelChartSatisfacao?query='+sql+'" />';
    document.getElementById("divGraficos").innerHTML =res; 
}

e meu botão simplesmente chama esse javascript

<a href="#" onclick="getquerystring()" style="border: none;">
		<img style="border: none;" alt="Gera Gráfico" src="img/btn_graf1.jpg" name="arrow">
</a>

isso aew
uma dica

coloque nos seus parametros do seu form serializado e faça o sql no servidor

falow bicho