0

FusionCharts と Aloha エディターを同じページに統合しようとしています。Aloha は jquery に依存しているため、それが何らかの競合を引き起こしていると推測していますが、解決できず、一日中苦労しています。どんな助けでも大歓迎です。ありがとうございました

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Getting Started with Aloha Editor</title>
    <link rel="stylesheet" href="index.css" type="text/css">
    <link rel="stylesheet" href="aloha.css" type="text/css">
    <script src="require.js"></script>
    <script src="jquery-1.7.2.js"></script>
    <script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
    <script src="aloha.js" data-aloha-plugins="common/ui,common/format,common/highlighteditables,common/link"></script>
</head>
<body>
    <div id="main">
        <div id="content"><p>Getting started with Aloha Editor!</p></div>


        <div id="chartContainer">FusionCharts XT will load here!</div> 
    </div>
    <script type="text/javascript">
    Aloha.ready( function() {
        Aloha.jQuery('#content').aloha();
    });
        var myChart = new FusionCharts("Column3D", "myChartId", "400", "300");
        myChart.setXMLData("<chart caption='Weekly Sales Summary' xAxisName='Week' " +
        "yAxisName='Sales' numberPrefix='$'>" +
          "<set label='Week 1' value='14400' />" +
          "<set label='Week 2' value='19600' />" +
          "<set label='Week 3' value='24000' />" +
          "<set label='Week 4' value='15700' />" +
        "</chart>");
        myChart.render("chartContainer");
    </script>
</body>
</html>
4

1 に答える 1

1

あなたが提供したのとまったく同じ HTML で問題を再現しました。依存してeve.jsいる内部コンポーネントの非同期リソース読み込みに問題があるようです。Raphaelこれを修正するには、次の 3 つの方法があります。

これは FusionCharts バージョン3.3.0-release.18739で最初に検出された問題であり、他のバージョンには該当しない可能性があることに注意してください。

1.最も簡単な修正

FusionCharts.jsスクリプト ファイルを手動でFusionCharts.HC.jsFusionCharts.HC.Charts.jsこの特定の順序で含めます。

2. FusionCharts.HC.js の編集

FusionCHarts.HC.jsこれは、ソース ファイルの単純な 1 行の編集です。縮小版をお持ちの場合 (これは見苦しく見えるかもしれません)... 144 行を見つけて、行の最初の部分を置き換えます。

FusionCharts(["private","modules.renderer.js-raphael",function(){var l=this.hcLib,i,r=window.Raphael,C;(function(d){var j=/[\.\/]/,i=function(){},e=function(d,e){return d-e},l,r,C={n:{}},M=function(d,j)

FusionCharts(["private","modules.renderer.js-raphael",function(){var l=hfeve=this.hcLib,i,r=window.Raphael,C;(function(d){var j=/[\.\/]/,i=function(){},e=function(d,e){return d-e},l,r,C={n:{}},M=hfeve.eve=function(d,j)

ソース ファイルがある場合は、行 5535 を見つけて、行FusionCharts.HC.js全体を次のように置き換えます。eve = lib.eve = function(name, scope) {

3. 変更されたコードを使用します。

パッチを適用した FusionCharts.HC.js (縮小版) への​​リンクを添付します。試用版 (ライセンス版ではテストされていません) で動作し、v3.3.0.18739 と互換性があります。FusionCharts の次のビルドでは、何らかの形でこれに対処する予定です。:)

http://pastebin.com/raw.php?i=Zbhaq5hP

PS: Pastebin のリンクは永久に残りません。したがって、ホストされたリンクが利用可能になると、投稿を更新および変更します。

于 2013-03-21T22:22:17.940 に答える