Question

我想在同一页面上显示针对多个配置文件（从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>

Answer 1

是的，您可以在同一画布上显示不同的图表。例如，此图表有一个按钮可切换到不同的条形图：

http://www.rgraph.net/demos/bar-css3-animations.html

您可以使用创建和显示每个图表的功能：

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

    // Create and show first chart
}

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

    // Create and show second chart
}

我正在尝试将多个RGraphs画布添加到网站

1 个答案: