RGraph: линейный график. Как сделать метки по оси X двухстрочными?

Я пытаюсь сделать метки на оси X двумя линиями, но они обрезаны. Вот мой код

<!DOCTYPE html >
<html>
    <head>
        <script src="RGraph.common.core.js" ></script>
        <script src="RGraph.line.js" ></script>
   </head>
    <body>
        <canvas id="cvs" width="320" height="320">[No canvas support]</canvas>
        <script>
        window.onload = function ()
        {  
            var line = new RGraph.Line('cvs', [0,52,90,86,86,75,75,75,75,75,60,60,60,60,60,60,100,95,53,53]);
            line.Set('chart.labels',['10/05\n21:00','11/05\n08:00','11/05\n20:00','12/05\n08:00','12/05\n20:00']);
            line.Draw();
        }
        </script>
    </body>
</html>

Вот как это выглядит

введите здесь описание изображения

Я уже играл с высотой холста, но это не меняет ее.


rgraph
person hol    schedule 12.05.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Увеличьте параметр chart.gutter.bottom. По умолчанию он равен 25, поэтому установите его на 35 или 40.

person Richard    schedule 12.05.2013
comment
Большое тебе спасибо. Добавил line.Set('chart.gutter.bottom',35); перед Line.Draw(); и все заработало. Хочу произвести впечатление, что для меня большая честь получить правильный ответ от автора RGraph. Кстати, очень удобный инструмент. Я использую его в своем приложении для iPhone со встроенным браузером после того, как какое-то время разочаровался в существующих родных библиотеках. - person hol; 13.05.2013
comment
Не могли бы вы сделать метки на оси X двумя линиями, используя диаграммы CanvasJS? - person weelDaw; 19.09.2014