# cssCharts.js
jquery plugin to create simple donut, bar or line charts with dom nodes. style with css.
[http://thysultan.com/projects/cssCharts/](http://thysultan.com/projects/cssCharts/)
### Include:
```html
<link rel="stylesheet" href="chart.css">
<script src="jquery.chart.js"></script>
```
### run:
```javascript
$('.bar-chart').cssCharts({type:"bar"});
$('.donut-chart').cssCharts({type:"donut"});
$('.line-chart').cssCharts({type:"line"});
```
### example donut/pie chart
optional: to trigger countUp counter for the donut chart as seen on the preview page.
```javascript
$('.donut-chart').cssCharts({type:"donut"}).trigger('show-donut-chart');
```
add "pie-chart" class to .donut-chart if you want to convert it to a pie chart, i.e
```html
<div class="donut-chart pie-chart" data-percent="0.61" data-title="uptime %"></div>
```
- - -
### example line chart
```html
<ul data-cord="[x1,x2,x3,x4],[y1,y2,y3,y4]" class="line-chart"></ul>
$('.line-chart').cssCharts({type:"line"});
```
* insure x cordinates are 0 - ascending.
* insure y cordinates are 0 or greater.
- - -
### example bar chart
```html
<ul class="bar-chart" data-bars="[x1,x2],[y1,y2]" data-max="10" data-unit="k" data-grid="1" data-width="24">
$('.bar-chart').cssCharts({type:"bar"});
```
- - -
style to your hearts content, see index.html for an example implementation.
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
基于php的售票系统,有前台和后台,后台可以录入商品,毕业设计-php-design.zip动态规划 (410个子文件)
artisan 2KB
web.config 914B
main.css 157KB
materialize.css 151KB
style.css 123KB
bootstrap.min.css 119KB
app.css 116KB
materialize.min.css 115KB
materialize.min.css 115KB
bootstrap.css 114KB
pay.css 89KB
ionicons.min.css 78KB
animate.css 70KB
settings.css 58KB
font-awesome.min.css 26KB
font-awesome.css 21KB
bootstrap-theme.min.css 19KB
responsive.css 19KB
custom-styles.css 14KB
cssCharts.css 10KB
dataTables.bootstrap.css 5KB
zhifu.css 4KB
jquery-ui-demo.css 1KB
jquery.fileupload-ui.css 1KB
jquery.fileupload.css 682B
morris-0.4.3.min.css 442B
jquery.fileupload-noscript.css 433B
jquery-ui-demo-ie8.css 387B
jquery.fileupload-ui-noscript.css 362B
.env 585B
fontawesome-webfont.eot 67KB
fontawesome-webfontba72.eot 37KB
fontawesome-webfontd41d.eot 37KB
Simple-Line-Icons.eot 35KB
Roboto-Thin.eot 21KB
Roboto-Medium.eot 21KB
Roboto-Regular.eot 21KB
Roboto-Bold.eot 20KB
Roboto-Light.eot 20KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regulard41d.eot 20KB
revicons.eot 12KB
Flaticon.eot 10KB
.env.example 521B
false' 70B
WKD9S4eQowgZ5m1mhDgS88XWqi.gif 318KB
loader.gif 2KB
.gitattributes 111B
.gitignore 105B
.gitignore 14B
.gitignore 9B
.htaccess 553B
index - Copy.html 4KB
index.html 4KB
favicon.ico 0B
XqyzZ0aCSPKfUkySwgKtDnlWF9.jpeg 975KB
C2xONRhDHP6iQNfljcY5WUWuNggCc.jpeg 654KB
BFFVSwgIUXWEjduWzeVEcMLQVuy.jpeg 654KB
Cp2XCTGzIPUPyo1M7OrCiiiZ.jpeg 555KB
LVImWFnTETWaH2NJoApo.jpeg 412KB
HgY9DEtBHhkSwRarhhsZ8F.jpeg 396KB
QeH8EAejaknWy2jjq6Vl4i7Ma.jpeg 363KB
EkFBmfVe56A3IoDNZABNbQVeILY5.jpeg 363KB
Ks5scXyg6ZDKpMAuYfx2XiL4.jpeg 236KB
6uS7B5vEIFFfhMOZPEbbDcDSId.jpeg 236KB
AU9PmoI7S3BIy0xwhn6oSHPT.jpeg 208KB
fStHkiOGLYWuPsLvIVtExo.jpeg 149KB
5ItTs9D9F1f6RSoEUfYer2y2C.jpeg 85KB
kucGdW0JQnZmBp35GveQn.jpeg 85KB
wVm8jjmm45IDsa7tE53WmzdM.jpeg 84KB
4jsqWaVFzEMMEHr0DtRwbvpxQ9W7f.jpeg 77KB
QGSEXGuOc4DDsLoX5FCIkMOD.jpeg 67KB
NaqWYVwpizY4Q7Oa8GVaD.jpeg 65KB
HcEIFQacFy7QVDlKpiZmfmWz9.jpeg 64KB
F6dnbKy8nQwvvzhVIcfG2qSwRI.jpeg 63KB
Acv8RkyL0yQm9U6C8r2y6bhq.jpeg 62KB
HWCitC4epC5ZqSiI94Mz.jpeg 61KB
DLRSsdbNTgAdBIQTgZjLM4.jpeg 61KB
gvFbaYEElJbuYvnRj6nSldx.jpeg 59KB
AliULqxDUNLbbhK027rXA.jpeg 59KB
zDpByxwVHdDdSoZuVVF2viV.jpeg 59KB
7GrjBYSEeLifHZVWhB5PyJRubx8Gdi.jpeg 57KB
oDZ0IgcnMu9N3xryRTNlP.jpeg 55KB
8keXcPl3AH3k41FNejUjT7W.jpeg 54KB
YbSbncVCxzOHLJkSrpCJ6wJK8.jpeg 51KB
gawAydPEdSNfqLUlZGQS7cnZbD.jpeg 42KB
iYbLHdsDXSGxSnDK53HqyE.jpeg 41KB
agPVV6rVEd2BM6RTHfd7R9I0.jpeg 32KB
YeOqh7dzaAYwYLYqMSTHCuqP0q.jpeg 32KB
HIRLfo7q28ULeg55YWdyTGD3ytej2.jpeg 32KB
NeXJRQZuwso8bCni7v877F.jpeg 23KB
1AYb69dxhZuxmrzbiW7zK18h.jpeg 20KB
full-bg.jpg 3.13MB
wl.jpg 337KB
blog-img-1.jpg 321KB
xns.jpg 294KB
blog-img-2.jpg 291KB
cqk.jpg 275KB
mgj.jpg 255KB
blog-img-3.jpg 236KB
共 410 条
- 1
- 2
- 3
- 4
- 5
资源评论
好家伙VCC
- 粉丝: 1939
- 资源: 9137
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功