国庆闲着没事,把最近一个小程序中用到的统计图整理成了一个小插件,功能不多,一柱状图而已。新手初次写这种东西,一切以学习为目的,高手请嘴下留情……
下面是效果图(水平有限,难看了些):
使用方法:将jquery-1.10.2.js和leo.js两个js文件引入到你要使用的页面,然后在页面中添加以下代码:
<div class="container" data-option='{"data_url":"data/grid.json"}'></div>
其中class="container" 必须有且不可修改,data-option属性可以有两种值,对应两种使用leoChart的方法:
第一种方法是data-option='{"data_url":"data/grid.json"}',将要显示的数据以json格式统一放在一个json文件中,data_url就是指定该json问件的位置;
json文件的格式如下:
[
{
"question":"1.What's your name?"