如何在RGraph Rose图表中管理画布的高度？

Question

  

我正在为我的评估网站使用RGraph库。它运行良好，但画布高度正在创建图形布局的问题。

     

请参见下图，它会产生良好的输出，但会从底部裁剪，这就是为什么没有显示第四个类别的名称。

  

我的玫瑰图表脚本如下。

<script>
var catnames = <?php print json_encode(array_keys($values));?>;
var results = <?php print json_encode(array_values($str_val));?>;
var tooltipval = <?php print json_encode(array_values($values));?>;
window.onload = function ()
{
    var canvas = document.getElementById("cvs");

    RGraph.Reset(canvas);

    canvas.width  = jQuery(window).width() * 0.6;
    canvas.height = jQuery(window).width() * 0.25;
    var text_size = Math.min(12, (jQuery(window).width() / 1000) * 10 );
    var linewidth = jQuery(window).width() > 500 ? 2 : 1;
        linewidth = jQuery(window).width() > 750 ? 3 : linewidth;

        var rose = new RGraph.Rose({
        id: 'cvs',
        data: results,
        options: {
            variant: 'stacked',
            labelsAxes: '',
            margin: 2.5,
            /* anglesStart: -(RGraph.HALFPI/2), */

            key:catnames,
            keyBackground:'#fff',
            keyColorShape: 'circle',
            strokestyle: 'rgba(0,0,0,0)',
             labels: catnames,
              tooltips: tooltipval,
              linewidth:linewidth,
            colorsSequential: true
        }
    }).implode();

};

  

在上面给出的脚本中，catnames是在图表中显示为标签的类别数组。

Answer 1

代码本身会生成一个带有标签的图表：

http://www.rgraph.net/fiddle/view.html/a-3d-rose-chart-not-with-a-missing-label

您可以尝试使用radius：configuration属性缩小半径，并使用radius配置属性查看是否显示标签：

... 半径：100， ...