0

グラフの表示には ExtJS を使用しています。デフォルトの軸の代わりに、軸が中央にある散布図を使用したい。

そのために、軸xとyをパネルの中央に配置しようとし、絶対レイアウトでそのパネルに軸なしのチャートを描きました。私はこれが正しい方法ではないかもしれないことを知っています。それができる方法を教えてください。

前もって感謝します。

4

1 に答える 1

1

FusionCharts を使用しています。Extjs ページ (EXTJS Ver. 3.4.1) での使用方法の例を次に示します。

以下の例を実行するには、FusionCharts をダウンロードする必要があります。その後、「Column2D.swf」をルートディレクトリにコピーします。

  1. .php または .html ページに .js ファイルを追加する

    <script type="text/javascript" src="js/utility/FusionCharts.js"></script>
<script type="text/javascript" src="js/chartdata/chartdata.js" ></script>

  2. データを使用して .js ファイルを作成します。(ここに「chartdata.js」があります)

    var dataStringCredit ='<chart baseFontSize="12" baseFont="Arial,Helvetica,sans-serif" xAxisName="Top 5 Products Using Invoiced Sales Dollers for Last 12 Months" alternateVGridColor="AFD8F8" baseFontColor="114B78" toolTipBorderColor="114B78" toolTipBgColor="E7EFF6" useRoundEdges="1" showBorder="0" bgColor="FFFFFF,FFFFFF">\n\
        <set label="ABC" value="23" color="AFD8F8"/> \n\
        <set label="123" value="12" color="F6BD0F"/> \n\
        <set label="XYZ" value="17" color="8BBA00"/> \n\
        <set label="MNO" value="14"  color="A66EDD"/> \n\
        <set label="789" value="12"  color="F984A1"/>\n\
</chart>';

  3. .js ファイルで、グラフを追加/呼び出し/表示する場合。

    A. ページの先頭にこのデータを追加します。

    FusionCharts.setCurrentRenderer('javascript'); 
                            var paymentchart = new FusionCharts("Column2D.swf", "ChartId_flash", "440", "400", "0", "1" );
                            paymentchart.setXMLData( dataStringCredit );
                            paymentchart.render("divagingchart");

    B. この Where チャート表示を追加します。

    items:[{
    html: '<div id="divagingchart"></div>'
}]

  4. あなたのチャートはこのように見えます。

ここに画像の説明を入力

于 2012-09-15T05:28:57.397 に答える