Если диаграмма только одна, она занимает все свободное пространство - PullRequest
Новая
       28

Если диаграмма только одна, она занимает все свободное пространство

0 голосов
/ 27 сентября 2018

Мне нужно построить график в виде горизонтальных диаграмм, показывающих некоторое значение в процентах.Я сделал диаграммы, но есть одна проблема.

Когда на графике несколько диаграмм, они выглядят нормально.enter image description here

Но когда диаграмма только одна, она занимает все свободное пространство.enter image description here

Как заставить диаграмму выглядеть немного меньше, оставляя место для метки?

И я думаю, что если значение составляет 20%, как ввторой скриншот, тогда длина оси х должна быть больше 20%.

Мой код ниже 

$.jqplot.config.enablePlugins = true;
window.charts = {};

if ($('#summaryChart').length > 0) {
    var minimal_data_charts = [];
    for (var i = 0; i < minimal_data.length && i < 10; i++) {
        minimal_data_charts[i] = [minimal_data[i].persent, i+1, minimal_data[i].passenger];
    }

    $('#summaryChart').css('font-size', '15px');
    window.charts.summaryChart = $.jqplot('summaryChart', [
        minimal_data_charts], {
        seriesDefaults: {
            renderer:$.jqplot.BarRenderer,
            pointLabels: { show: true, location: 'e', edgeTolerance: -15 },
            shadowAngle: 135,
            rendererOptions: {
                barDirection: 'horizontal'
            }
        },
        axes: {
            yaxis: {
                renderer: $.jqplot.CategoryAxisRenderer
            }
        }
    });

}

1 Ответ

0 голосов
/ 27 сентября 2018 
axes: {
                xaxis: {
                    min: 0,
                    max: 110,
                    numberTicks: 12
                }

Код выше решил мою проблему с осью X.

Код ниже делает диаграмму немного меньше по оси Y 

    rendererOptions: {
        barDirection: 'horizontal',
        barMargin: 50
    }

Но barMargin: 50 не должно бытьвсегда, если отображается только один график.

...