您的位置：首页 > Web前端 > BootStrap

sparkline 图标插件（Bootstrap）

2017-01-06 14:00 344 查看
1 先看看折线图



运行效果如下：



折线曲折走向的数据是js代码中控制的，具体如下：

$("#sparkline1").sparkline([34,43,43,35,44,32,44,52],{type:"line",width:"100%",height:"60",lineColor:"#1ab394",fillColor:"#ffffff"});


2 再看看进度条





3 再看看饼状图



运行后的效果：



JS代码如下：

$("#sparkline8").sparkline([2,3],{type:"pie",height:"140",sliceColors:["#ed5565","#F5F5F5"]})


FR:海涛高软（QQ技术群：386476712）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航