如果图表只有一张，则占用整个空闲space

Question

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

在图表上，一些图表看起来很正常。

但是当图表只有一张时，它会占用所有空闲space。

如何让图表看起来小一点，给标签留地方？

而且我觉得如果这个值是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
                }

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

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

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

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

如果图表只有一张，则占用整个空闲space

If the chart is only one, it occupies the entire free space

jquery

charts

jqplot