python - pygal 图表水平排列

Question

我试图让我的 pygal.SolidGauge 图表排列成这样的水平线： 水平行中的图表

但我发现默认情况下，图表是这样垂直堆叠的： 垂直行中的图表

我怎样才能让它们水平排列？我正在使用 Python 3.5.1，这是我的代码

import pygal

def create_chart():
    gauge_chart = pygal.SolidGauge(show_legend=False, inner_radius=0.70, half_pie=False)

    gauge_chart.add('Max ', [{'value': 58, 'max_value': 100}])
    gauge_chart.add('Min ', [{'value': 42, 'max_value': 100}])
    gauge_chart.add('Mean', [{'value': 28, 'max_value': 100}])

    gauge_chart.render_to_png("chart.png")


if __name__ == "__main__":
    create_chart()

Answer 1

图表很可能是在<div>元素 中呈现的

默认情况下，<div>元素display: block;
会垂直堆叠

进行测试，将以下css添加到页面

div {
  display: inline-block;
}

如果正确，假设屏幕足够宽，图表将水平堆叠

如果是这样，请删除测试并将类名添加到图表容器中，例如

html

<div class="chart"></div>

然后为类添加css

css

.chart {
  display: inline-block;
}