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

原创
2013/08/02 16:59
阅读数 164

<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>

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部