继我的python书后,我用pygal做了一个条形图。我将这些信息提供给一个.svg文件,并在我的网络浏览器中打开它。我的书说,情节是互动的,并会告诉你每个酒吧的价值,如果你把它悬停。但是,只要我将鼠标悬停在图上,什么都不会发生。我正在使用mac和谷歌浏览器来查看文件。工具提示不能在我的pygal条形图中工作?
谢谢!
继我的python书后,我用pygal做了一个条形图。我将这些信息提供给一个.svg文件,并在我的网络浏览器中打开它。我的书说,情节是互动的,并会告诉你每个酒吧的价值,如果你把它悬停。但是,只要我将鼠标悬停在图上,什么都不会发生。我正在使用mac和谷歌浏览器来查看文件。工具提示不能在我的pygal条形图中工作?
谢谢!
我在Windows 10机器上遇到同样的问题。 MS Edge和Google Chrome都不会将图表呈现为交互式。
在python中执行的脚本和最终的渲染之间似乎发生了一些事情。我注意到这一点的原因是因为pygal站点上的交互式示例在两个浏览器中都没有问题,但是当示例脚本被粘贴到python中并执行时,它不会像它应该那样工作。
嗨,我再次找到解决方案。请参阅http://stackoverflow.com/questions/33629085/how-to-get-on-hover-animation-of-pygal-graphs-in-ipython-on-mac-osx。 –
您需要在您的html中包含<script type="text/javascript" src="/js/pygal-tooltips.js"></script>
。
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')
对于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>
有人吗?没人知道? – RandomCoder