0

Fusion チャートをフラッシュ形式で実装しました。それを純粋なJavaScript形式に変換することは可能ですか? はいの場合、その方法、つまりどの場所で変更を加えるかを詳しく教えてください。

4

2 に答える 2

6

FusionCharts の最新バージョン (3.3.0 以降) を使用している場合は、に置き換えるだけでうまくいき../Column3D.swfますColumn3D。FusionCharts.HC.jsと がとFusionCharts.HC.Charts.js同じフォルダにあることを確認しますFusionCharts.js。あなたのコードは次のようになります...

<html>
  <head>        
    <title>My First chart using FusionCharts XT - Using pure JavaScript</title>         
    <script type="text/javascript" src="../FusionCharts.js"></script>
  </head>   
  <body>     
    <div id="chartContainer">FusionCharts XT will load here!</div>          
    <script type="text/javascript">
       var myChart = new FusionCharts("Column3D", "myChartId", "400", "300");
       myChart.setXMLUrl("Data.xml");
       myChart.render("chartContainer"); 
    </script>      
  </body> 
</html>

ただし、次のようなより読みやすいコードもお勧めします...

<html>
  <head>        
    <title>My First chart using FusionCharts XT - Using pure JavaScript</title>         
    <script type="text/javascript" src="../FusionCharts.js"></script>
    <script type="text/javascript">
       FusionCharts.addEventListener("ready", function () {
           var myChart = new FusionCharts({
               type: "column3d",
               id: "myChartId",
               width: "400",
               height: "300",
               renderAt: "chartContainer",
               dataSource: "Data.xml",
               dataFormat: "xmlurl"
           }).render();
       });
    </script>      
  </head>   
  <body>     
    <div id="chartContainer">FusionCharts XT will load here!</div>          
  </body> 
</html>
于 2013-10-22T10:54:22.377 に答える