如果图表仅一张，它将占据整个可用空间

Question

我需要以水平图表的形式绘制图形，以百分比形式显示一些值。 我做了一张图表，但是有一个问题。

在图表上显示一些图表时，它们看起来很正常。

但是，当图表仅一个时，它将占据所有可用空间。

如何使图表看起来更小，为标签留出空间？

我认为，如第二个屏幕截图所示，如果该值为20％，则x轴长度应大于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
            }
        }
    });

}

Answer 1

axes: {
                xaxis: {
                    min: 0,
                    max: 110,
                    numberTicks: 12
                }

上面的ode解决了我的x轴问题。

下面的代码使图表在y轴上变小

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

但是barMargin：如果只显示一个图表，则不应该总是50。