2016-03-08 98 views
3

继我的python书后,我用pygal做了一个条形图。我将这些信息提供给一个.svg文件,并在我的网络浏览器中打开它。我的书说,情节是互动的,并会告诉你每个酒吧的价值,如果你把它悬停。但是,只要我将鼠标悬停在图上,什么都不会发生。我正在使用mac和谷歌浏览器来查看文件。工具提示不能在我的pygal条形图中工作?

谢谢!

+0

有人吗?没人知道? – RandomCoder

回答

2

我在Windows 10机器上遇到同样的问题。 MS Edge和Google Chrome都不会将图表呈现为交互式。

在python中执行的脚本和最终的渲染之间似乎发生了一些事情。我注意到这一点的原因是因为pygal站点上的交互式示例在两个浏览器中都没有问题,但是当示例脚本被粘贴到python中并执行时,它不会像它应该那样工作。

+0

嗨,我再次找到解决方案。请参阅http://stackoverflow.com/questions/33629085/how-to-get-on-hover-animation-of-pygal-graphs-in-ipython-on-mac-osx。 –

-1

您需要在您的html中包含<script type="text/javascript" src="/js/pygal-tooltips.js"></script>

1

Pygal 2.0以与Pygal 1.9不同的方式呈现工具提示。如果您在浏览器中查看图表,您需要告诉Pygal呈现工具提示以便在浏览器中查看。 force_uri_protocol参数需要设置为'http'。下面的代码示例演示如何做到这一点:

hist = pygal.Bar() 
hist.force_uri_protocol = 'http' 

例如,这里有一个很小的程序,应该工作:

import pygal 

squares = [0, 1, 4, 9, 16, 25] 

chart = pygal.Bar() 
chart.force_uri_protocol = 'http' 
chart.add('Squares', squares) 
chart.render_to_file('squares.svg') 
0

对于pygal显示在浏览器工具提示这里有必要将其加载到嵌入在HTML 例如这里摘录我用于加载在柱状图工具提示标签使用烧瓶

<figure> 
    <embed type="image/svg+xml" src="{{ stat|safe }}"></embed> 
</figure> 

和需要insid给出的JavaScript库呈现头标签。

<script type="text/javascript" src="http://kozea.github.com/pygal.js/latest/pygal-tooltips.min.js"></script>