如何将自定义CSS文件添加到Pygal图?

时间:2019-04-17 15:51:16

标签: python css pygal

我正在使用Pygal,并且希望能够将自定义css文件添加到我的Pygal图中。我查看了官方文档,发现它令人困惑。

有关CSS的官方文档 http://www.pygal.org/en/stable/documentation/configuration/rendering.html

我怎么知道我正在使用的图形的ID,类和HTML元素是什么? 如果不能,那么我看不到如何创建自定义CSS文件。

这是我在文档中使用的示例 http://www.pygal.org/en/stable/documentation/first_steps.html

我希望能够更改工具提示的大小,工具提示文本的大小,条形颜色,标题的大小,调整x和y标签的大小,将图例移到顶部等。

非常感谢您的帮助。

这是我的Python

@app.route("/pygal1", methods = ["GET", "POST"])
def pygal1():

    bar_chart = pygal.HorizontalStackedBar()
    bar_chart.title = "Remarquable sequences"
    bar_chart.x_labels = map(str, range(11))
    bar_chart.add('Fibonacci', [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55])
    bar_chart.add('Padovan', [1, 1, 1, 2, 2, 3, 4, 5, 7, 9, 12])
    bar = bar_chart.render_data_uri()



    return render_template("pygal1.html", bar=bar)

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Pygal</title>
        <head>
            <body>

<div class ="container-1" style="margin-left:14px;">
    <embed type="image/svg+xml" src="{{bar|safe}}" style="max-width:500px"/>



</div>

            </body>
            </html>

0 个答案:

没有答案