퓨전 차트 setCurrentRenderer ('javascript') 문제

<html> <head> <title>My First chart using FusionCharts - Using pure JavaScript</title> <script type="text/javascript" src="http://www.fusioncharts.com/lib/jquery/jquery-1.6.2.min.js"></script> <script language="JavaScript" src="http://www.fusioncharts.com/lib/js/FusionCharts.js"></script> <script language="JavaScript" src="http://www.fusioncharts.com/lib/js/FusionCharts.HC.js"></script> <script language="JavaScript" src="http://www.fusioncharts.com/lib/js/FusionCharts.HC.Charts.js"></script> <script language="JavaScript" src="http://www.fusioncharts.com/lib/js/jquery.min.js"></script> </head> <body> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"> //FusionCharts.setCurrentRenderer('javascript'); var chartObj = new FusionCharts({ swfUrl: "http://www.fusioncharts.com/demos/gallery/Charts/Column2D.swf", width: "500", height: "300", id: 'sampleChart', dataSource: "http://www.fusioncharts.com/demos/gallery/Data/Col2D1.xml", dataFormat: FusionChartsDataFormats.XMLURL, renderAt: 'chartContainer' }).render(); </script> </body> </html>

데이터로드. 브라우저 자체로 보안 기능이 내장되어 있습니다.

XMLHttpRequest cannot load http://www.fusioncharts.com/demos/gallery/Data/Col2D1.xml. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

자신의 로컬 서버에서 자바 스크립트 파일, 플래시 파일과 XML 데이터를 호스팅 시도하고 그것을 완벽하게 작동합니다.

출처

2012-04-09 10:11:44

내 자바 스크립트 코드에서 XML 데이터를 "하드 코딩"하는 것을 수정했습니다. – gotqn

난 자바 스크립트 렌더링을 예를 아래에 사용하고 있습니다 :

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Multi Series Bar 2D Chart</title> 
    <link href="../assets/ui/css/style.css" rel="stylesheet" type="text/css" /> 
    <link href="../assets/prettify/prettify.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="../../Charts/jquery.min.js"></script> 
    <script type="text/javascript" src="../../Charts/FusionCharts.js"></script> 
    <script type="text/javascript" src="../assets/prettify/prettify.js"></script> 
    <script type="text/javascript" src="../assets/ui/js/json2.js"></script> 
    <script type="text/javascript" src="../assets/ui/js/lib.js" ></script> 
    <script type="text/javascript" src="../assets/ui/js/DD_belatedPNG_0.0.8a-min.js"></script>       
    <script> 
     /* select the element name, css selector, background etc */ 
     DD_belatedPNG.fix('img'); 

     /* string argument can be any CSS selector */ 
    </script> 
     <p>&nbsp;</p> 
     <P align="center"></P> 
    <![endif]--> 
</head> 
<body> 
<h3 class="chart-title">Multi Series Bar 2D Chart</h3> 
<p>&nbsp;</p> 
<script type="text/javascript" src="../Data/String/js/MSBar3D1.js" ></script> 

    <div id="chartdiv" align="center">Chart will load here</div> 
    <script type="text/javascript"> 
     alert(GALLERY_RENDERER); 
     FusionCharts.setCurrentRenderer("javascript"); 
     var chart = new FusionCharts("MSBar3D.swf", "ChartId", "560", "400", "0", "0"); 
     chart.setXMLData(dataString);   
     chart.render("chartdiv"); 
    </script> 
     <p>&nbsp;</p> 
     <p align="center">3D Bar chart showing sales comparison of 5 countries across 3 years. Click on a legend item to show/hide the data series.</p>

그리고이 예

출처

2012-05-18 09:17:27

크로스 도움이되기를 바랍니다 rendering..i 자바 스크립트로 잘 작동 도메인 문제는 CORS - 교차 출처의 리소스 공유를 구현하여 해결할 수 있습니다.

Access-Control-Allow-Origin: http://the_url_that_hosts_the_page 

Access-Control-Allow-Headers: If-Modified-Since

출처

2013-12-02 13:57:46

퓨전 차트 setCurrentRenderer ('javascript') 문제

답변

관련 문제