实习笔记 10：页面修改记录（bootstrap 3）

突然的命令，而且还带暴走，真心伤不起。

比较蛋疼，一起干活的兄弟都不会，只能我干了。

本来想写机器人的。

1. bootstrap和extjs的取舍。

js调试比较麻烦，而且我也不熟，短时间搞起只能html+css拼凑了。

bootstrap比较完善了，加上以前看过一点，没办法，只能硬着头皮上了。

accordion基本满足要求。

2. 首先看的是布局。

<div class="row">
    <div class="col-lg-12">
    </div>
</div>

会使这个就OK了。

注意宽度控制很重要，然后数值调节比较恶心，尤其是嵌套后，有的控件有最小宽度的限制。

3. 其次是插件的使用。这个照着抄抄就可以了。页面其实不难啊。就是花时间。

 

========================

然后就是high stock插件了，这个插件是接收json字符串。

([time,value],[time,value]...)

$(function() {
                $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
                    // Create the chart
                    $('#stkchart').highcharts('StockChart', {
                        rangeSelector : {
                            selected : 1
                        },
                        title : {
                            text : 'AAPL Stock Price'
                        },
                        series : [{
                            name : 'AAPL',
                            data : data,
                            tooltip : {
                                valueDecimals : 2
                            }
                        }]
                    });
                });

            });

 注意回调的时候一定要有callback号，不然不出来数据。

 

reference:

http://getbootstrap.com/css/