1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
| var RocknCoder = RocknCoder || {};
| RocknCoder.Pages = RocknCoder.Pages || {};
|
| RocknCoder.Pages.Kernel = function (event) {
| var that = this,
| eventType = event.type,
| pageName = $(this).attr("data-rockncoder-jspage");
| if (RocknCoder && RocknCoder.Pages && pageName && RocknCoder.Pages[pageName] && RocknCoder.Pages[pageName][eventType]) {
| RocknCoder.Pages[pageName][eventType].call(that);
| }
| };
|
| RocknCoder.Pages.Events = function () {
| $("div[data-rockncoder-jspage]").on(
| 'pagebeforecreate pagecreate pagebeforeload pagebeforeshow pageshow pagebeforechange pagechange pagebeforehide pagehide pageinit',
| RocknCoder.Pages.Kernel).on(
| "pageinit", RocknCoder.hideAddressBar);
| } ();
|
| RocknCoder.Pages.manageBarChart = function () {
| var pageshow = function () {
| updateChart();
| // $("#refreshBarChart").click(function(){
| // updateChart();
| // });
| window.setInterval(updateChart,300);
|
| },
| pagehide = function () {
| $("#refreshBarChart").unbind('click');
| },
| updateChart= function(){
| var barA = parseInt($("#pageBarSliderA").val(),10),
| barB = parseInt($("#pageBarSliderB").val(),10),
| barC = parseInt($("#pageBarSliderC").val(),10),
| barD = parseInt($("#pageBarSliderD").val(),10),
| barE = parseInt($("#pageBarSliderE").val(),10),
| barF = parseInt($("#pageBarSliderF").val(),10),
| barG = parseInt($("#pageBarSliderG").val(),10),
| barH = parseInt($("#pageBarSliderH").val(),10),
| barI = parseInt($("#pageBarSliderI").val(),10),
| barJ = parseInt($("#pageBarSliderJ").val(),10);
|
|
|
|
|
| showChart(barA, barB, barC, barD, barE, barF, barG, barH, barI, barJ);
| },
| showChart = function(barA, barB, barC, barD, barE, barF, barG, barH, barI, barJ){
| $.jqplot('barChart', [[[barA,1], [barB,2], [barC,3], [barD,4], [barE,5], [barF,6], [barG,7], [barH,8], [barI,9], [barJ,10]]], {
| seriesDefaults:{
| renderer:$.jqplot.BarRenderer,
| shadowAngle: 12345678910,
| rendererOptions: {
| barDirection: 'horizontal'
| },
| pointLabels: {show: true, formatString: '%d'}
| },
| axes: {
| yaxis: {
| renderer: $.jqplot.CategoryAxisRenderer
| }
| }
| }).replot({clear: true, resetAxes:true});
| };
| return {
| pageshow: pageshow,
| pagehide: pagehide
| };
| }();
|
|
|
