Graficos Open Flash Chart via javascript

[fdmc 0]

Olá pessoal, não sei se minha duvida corresponde bem a este fórum, mas como não achei nada mais especifico, espero que alguem daki possa me ajudar.

Estou usando a versão 2 da ferramenta Open Flash Chart para a geração de gráficos dinamicos.

 

Faço a passagem dos dados para a criação do grafico através de String Json por javascript quando seleciono o tipo do grafico no meu combo.

Abaixo estão meus códigos:

 

 

Javascript para a passagem dos dados:

<script type="text/javascript" src="js/swfobject.js"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript">
			
			var arquivo = '{\n';
			arquivo += '"title":{\n';
			arquivo += '"text":  "Many data lines",\n';
			arquivo += '"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"\n';
			arquivo += '},\n';
			arquivo += '"y_legend":{\n';
			arquivo += '"text": "Open Flash Chart",\n';
			arquivo += '"style": "{color: #736AFF; font-size: 12px;}"\n';
			arquivo += '},\n';
			arquivo += '"elements":[\n';
			arquivo += '{\n';
			arquivo += '"type":	  "bar",\n';
			arquivo += '"alpha":	 0.5,\n';
			arquivo += '"colour":	"#9933CC",\n';
			arquivo += '"text":	  "Page views",\n';
			arquivo += '"font-size": 10,\n';
			arquivo += '"values" :   [9,6,7,9,5,7,6,9,7]\n';
			arquivo += '},\n';
			arquivo += '{\n';
			arquivo += '"type":	  "bar",\n';
			arquivo += '"alpha":	 0.5,\n';
			arquivo += '"colour":	"#CC9933",\n';
			arquivo += '"text":	  "Page views 2",\n';
			arquivo += '"font-size": 10,\n';
			arquivo += '"values" :   [4,9,6,7,9,5,7,6,9]\n';
			arquivo += '}\n';
			arquivo += '],\n';
			arquivo += '"x_axis":{\n';
			arquivo += '"stroke":1,\n';
			arquivo += '"tick_height":10,\n';
			arquivo += '"colour":"#d000d0",\n';
			arquivo += '"grid_colour":"#00ff00",\n';
			arquivo += '"labels": ["January","February","March","April","May","June","July","August","Spetember"]\n';
			arquivo += '},\n';
			arquivo += '"y_axis":{\n';
			arquivo += '"stroke":	  4,\n';
			arquivo += '"tick_length": 3,\n';
			arquivo += '"colour":	  "#d000d0",\n';
			arquivo += '"grid_colour": "#00ff00",\n';
			arquivo += '"offset":	  0,\n';
			arquivo += '"max":		 20\n';
			arquivo += '}\n';
			arquivo += '}\n';
						
			function criaGrafico(tipoFile) {
				var file = null;
				
				if( tipoFile == 1 ) {		
					file = arquivo;
				} else {
					file = tipoFile;
				}
				
				var renderTo = "my_chart";
				var width = "1024";
				var height = "300";
				
				return swfobject.embedSWF("open-flash-chart.swf", renderTo, width, height, "9.0.0", "expressInstall.swf", 
					{
						"data-file": file
					}
				);
			}
			
			
		</script>

 

 

Html para seleção do tipo e com a div que recebe o grafico criado:

 

<div>
			<select>
				<option selected="true">Escolha o grafico</option>
				<option value="1" onclick="criaGrafico(1);">Javascript</option>
				<option value="4" onclick="criaGrafico('data_pizza_17728.json');">Grafico Pizza</option>
				<option value="2" onclick="criaGrafico('data_linha_10731.json');">Grafico Linha</option>
				<option value="3" onclick="criaGrafico('data_pizza_10731.json');">Grafico Barra</option>
			</select>
		</div>
		
		<div id="my_chart">Gráfico</div>

Então, quando eu seleciono um dos 3 ultimos, passando um arquivo json ele reconhece e mostrao grafico para mim, porém quando seleciono o javascript ele fica somente mostrando a mensagem "Loading Data...".

Alguém trabalha com esta ferramenta e pode me dar uma ajuda?

 

Vlw desde já.

[Otata 4]

verifique se o conteúdo da variavel arquivo está correta..pq pelo visto não está conseguindo carregar o json,,

 

na verdade tem que dar uma olhada se ele suporta passar o json direto..