0

複数のプロファイル（mysqlデータベースから作成したリスト）を同じページに円グラフで表示したい。現在、別のページから円グラフを呼び出すために iframe を使用していますが、これを行うためのより良い方法はありますか? 各グラフには異なる値があります。キャンバス上に関数を作成することはできますか?

<canvas id="cvs" width="100" height="100" >[No canvas support]</canvas>
    <script>
        window.onload = function ()
        {
            var donut = new RGraph.Pie('cvs', [17,40,25,8]);
            donut.Set('chart.variant', 'donut');
            donut.Set('chart.tooltips', ['Standard','Location','Social']);
            donut.Set('chart.strokestyle', 'transparent');
            donut.Set('chart.exploded', 2);

            donut.Set('chart.gutter.left', 5);
            donut.Set('chart.gutter.top', 5);
            donut.Set('chart.gutter.right', 5);
            donut.Set('chart.gutter.bottom', 5);

            donut.Set('chart.colors', ['rgba(222,82,49,0.15)','rgba(222,82,49,0.40)','rgba(222,82,49,0.80)','rgba(222,82,49,0)']);

            donut.Draw();
        }

    </script>
4

1 に答える 1

0

はい、同じキャンバスに異なるグラフを表示できます。

ダウンロード可能なアーカイブには、次のようなデモがあります。

demos/bar-css3-animations.html

RGraph アーカイブは次の場所からダウンロードできます。

https://www.rgraph.net/download.html#stable

各チャートを作成および表示する関数を使用できます。

function ShowChart1 ()
{
    RGraph.Reset(canvas);

    // Create and show first chart
}

function ShowChart2 ()
{
    RGraph.Reset(canvas);

    // Create and show second chart
}
于 2013-05-19T14:04:52.597 に答える