Я использую библиотеку RGraph для моего сайта оценки. Он работает хорошо, но высота холста создает проблему с макетом графика.Как управлять высотой холста в диаграмме RGraph Rose?
Посмотрите на изображение ниже, оно дает хороший результат, но снизу снизу снизу, поэтому название четвертой категории не отображается.
Моя Роза Диаграмма сценария, как показано ниже.
<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 является массив категорий тех, которые отображаются в виде меток на графике.
Также: попробуйте увеличить gutterBottom s etting в то же время – Richard
Спасибо, @ Рихард. Это сработало для меня. –