文档演示工具之---slide库

2019独角兽企业重金招聘Python工程师标准>>>

<p>在echarts库的doc中有一个介绍为什么使用echarts的网页，名为WhyEcharts，如下为演示效果：</p> <p><a href="http://static.oschina.net/uploads/img/201308/02165829_HiKO.png"><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="image" src="http://static.oschina.net/uploads/img/201308/02165837_Nt0Z.png" width="460" height="242" /></a></p> <p>该演示模板基于silde库，这个库来自于开源图标库echarts的演示例程。</p> <p>在使用和移植该模板库时注意事项：</p> <p>1、手动编写html, 静态html中引用的css和js文件一律采用相对路径;</p> <p>2、动态生成html，采用python脚本+cheetah模板；其中引用的css和js文件一律采用绝对路径；这样可以使基于pyqt qtwebkit的程序能够渲染html文档。</p> <p>3、在生成的html末尾引用的whyEchart.j的作用：1.确定演示模板的基本配置 2.动态导入echarts模板库和zrender模板库</p> <p>下面是利用该模板生成的一个页面：</p> <p><a href="http://static.oschina.net/uploads/img/201308/02165856_kWid.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://static.oschina.net/uploads/img/201308/02165901_H565.png" width="468" height="228" /></a></p>

转载于:https://my.oschina.net/dragondjf/blog/149531