cssplot是一个无依赖、纯CSS,响应式设计的可绘制图表元素的CSS.
使用
- 在HTML中引入cssplot.css文件
- 在需要绘制图表的标签中使用
data-cp-size
属性
demo
<!-- lang: html -->
<div class="bar-chart">
<ul class="container">
<li data-cp-size="99">99%</li>
<li data-cp-size="50">50%</li>
<li data-cp-size="30">30%</li>
<li data-cp-size="90">90%</li>
<li data-cp-size="10">10%</li>
<li data-cp-size="70">70%</li>
<li data-cp-size="30">30%</li>
<li data-cp-size="90">90%</li>
</ul>
</div>
效果
目前cssplot支持绘制柱状图、和散点图。相比较其他图表库(如Chart.js),cssplot轻量很多,就是支持的图表元素目前较少。