pygal图表水平排列

Question

我正在尝试让我的pygal.SolidGauge图表像这样排成一条水平线：charts in horizontal row

但我发现默认情况下图表是这样垂直堆叠的：charts in vertical row

我怎样才能让它们水平排列？我使用的是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>

然后为class添加css

css

.chart {
  display: inline-block;
}