Permalink
Browse files

W.I.P.

Signed-off-by: kosmas58 <kosmas.schuetz@gmx.com>
  • Loading branch information...
1 parent 271f3ed commit a6fd4ddab7151a83ccd9d33195f3057f8eba6e84 @kosmas58 committed Apr 4, 2011
Showing with 7,297 additions and 2,367 deletions.
  1. +94 −0 app/views/graphics/highcharts/_area_basic.html.haml
  2. +91 −0 app/views/graphics/highcharts/_area_inverted.html.haml
  3. +85 −0 app/views/graphics/highcharts/_area_missing.html.haml
  4. +55 −0 app/views/graphics/highcharts/_area_negative.html.haml
  5. +85 −0 app/views/graphics/highcharts/_area_spline.html.haml
  6. +86 −0 app/views/graphics/highcharts/_area_stacked.html.haml
  7. +82 −0 app/views/graphics/highcharts/_area_stacked_percent.html.haml
  8. +86 −0 app/views/graphics/highcharts/_bar_basic.html.haml
  9. +87 −0 app/views/graphics/highcharts/_bar_negative_stack.html.haml
  10. +67 −0 app/views/graphics/highcharts/_bar_stacked.html.haml
  11. +97 −0 app/views/graphics/highcharts/_column_basic.html.haml
  12. +55 −0 app/views/graphics/highcharts/_column_negative.html.haml
  13. +110 −0 app/views/graphics/highcharts/_column_parsed.html.haml
  14. +101 −0 app/views/graphics/highcharts/_column_rotated_labels.html.haml
  15. +75 −0 app/views/graphics/highcharts/_column_stacked.html.haml
  16. +79 −0 app/views/graphics/highcharts/_column_stacked_and_grouped.html.haml
  17. +63 −0 app/views/graphics/highcharts/_column_stacked_percent.html.haml
  18. +97 −0 app/views/graphics/highcharts/_combo.html.haml
  19. +101 −0 app/views/graphics/highcharts/_combo_dual_axes.html.haml
  20. +137 −0 app/views/graphics/highcharts/_combo_multi_axes.html.haml
  21. +59 −0 app/views/graphics/highcharts/_combo_regression.html.haml
  22. +88 −0 app/views/graphics/highcharts/_dynamic_click_to_add.html.haml
  23. +372 −0 app/views/graphics/highcharts/_dynamic_master_detail.html.haml
  24. +89 −0 app/views/graphics/highcharts/_dynamic_update.html.haml
  25. +69 −0 app/views/graphics/highcharts/_pie_basic.html.haml
  26. +79 −0 app/views/graphics/highcharts/_pie_donut.html.haml
  27. +65 −0 app/views/graphics/highcharts/_pie_legend.html.haml
  28. +198 −0 app/views/graphics/highcharts/_scatter.html.haml
  29. +87 −0 app/views/graphics/highcharts/_spline_inverted.html.haml
  30. +169 −0 app/views/graphics/highcharts/_spline_plot_bands.html.haml
  31. +87 −0 app/views/graphics/highcharts/_spline_symbols.html.haml
  32. +110 −0 app/views/graphics/highcharts/_tmp/examples/_area-basic.html
  33. +107 −0 app/views/graphics/highcharts/_tmp/examples/_area-inverted.html
  34. +101 −0 app/views/graphics/highcharts/_tmp/examples/_area-missing.html
  35. +71 −0 app/views/graphics/highcharts/_tmp/examples/_area-negative.html
  36. +98 −0 app/views/graphics/highcharts/_tmp/examples/_area-stacked-percent.html
  37. +102 −0 app/views/graphics/highcharts/_tmp/examples/_area-stacked.html
  38. +101 −0 app/views/graphics/highcharts/_tmp/examples/_areaspline.html
  39. +102 −0 app/views/graphics/highcharts/_tmp/examples/_bar-basic.html
  40. +103 −0 app/views/graphics/highcharts/_tmp/examples/_bar-negative-stack.html
  41. +83 −0 app/views/graphics/highcharts/_tmp/examples/_bar-stacked.html
  42. +113 −0 app/views/graphics/highcharts/_tmp/examples/_column-basic.html
  43. +71 −0 app/views/graphics/highcharts/_tmp/examples/_column-negative.html
  44. +137 −0 app/views/graphics/highcharts/_tmp/examples/_column-parsed.html
  45. +117 −0 app/views/graphics/highcharts/_tmp/examples/_column-rotated-labels.html
  46. +95 −0 app/views/graphics/highcharts/_tmp/examples/_column-stacked-and-grouped.html
  47. +79 −0 app/views/graphics/highcharts/_tmp/examples/_column-stacked-percent.html
  48. +91 −0 app/views/graphics/highcharts/_tmp/examples/_column-stacked.html
  49. +117 −0 app/views/graphics/highcharts/_tmp/examples/_combo-dual-axes.html
  50. +153 −0 app/views/graphics/highcharts/_tmp/examples/_combo-multi-axes.html
  51. +75 −0 app/views/graphics/highcharts/_tmp/examples/_combo-regression.html
  52. +113 −0 app/views/graphics/highcharts/_tmp/examples/_combo.html
  53. +104 −0 app/views/graphics/highcharts/_tmp/examples/_dynamic-click-to-add.html
  54. +389 −0 app/views/graphics/highcharts/_tmp/examples/_dynamic-master-detail.html
  55. +105 −0 app/views/graphics/highcharts/_tmp/examples/_dynamic-update.html
  56. +197 −0 app/views/graphics/highcharts/_tmp/examples/_line-ajax.html
  57. +97 −0 app/views/graphics/highcharts/_tmp/examples/_line-basic.html
  58. +82 −0 app/views/graphics/highcharts/_tmp/examples/_line-labels.html
  59. +222 −0 app/views/graphics/highcharts/_tmp/examples/_line-time-series.html
  60. +85 −0 app/views/graphics/highcharts/_tmp/examples/_pie-basic.html
  61. +95 −0 app/views/graphics/highcharts/_tmp/examples/_pie-donut.html
  62. +81 −0 app/views/graphics/highcharts/_tmp/examples/_pie-legend.html
  63. +214 −0 app/views/graphics/highcharts/_tmp/examples/_scatter.html
  64. +103 −0 app/views/graphics/highcharts/_tmp/examples/_spline-inverted.html
  65. +185 −0 app/views/graphics/highcharts/_tmp/examples/_spline-plot-bands.html
  66. +103 −0 app/views/graphics/highcharts/_tmp/examples/_spline-symbols.html
  67. +0 −125 app/views/graphics/highcharts/_tmp/examples/combo-dual-axes.html
  68. +0 −109 app/views/graphics/highcharts/_tmp/examples/combo-dual-axes.html.haml
  69. +0 −163 app/views/graphics/highcharts/_tmp/examples/combo-multi-axes.html
  70. +0 −147 app/views/graphics/highcharts/_tmp/examples/combo-multi-axes.html.haml
  71. +0 −81 app/views/graphics/highcharts/_tmp/examples/combo-regression.html
  72. +0 −65 app/views/graphics/highcharts/_tmp/examples/combo-regression.html.haml
  73. +0 −125 app/views/graphics/highcharts/_tmp/examples/combo.html
  74. +0 −109 app/views/graphics/highcharts/_tmp/examples/combo.html.haml
  75. +0 −111 app/views/graphics/highcharts/_tmp/examples/dynamic-click-to-add.html
  76. +0 −95 app/views/graphics/highcharts/_tmp/examples/dynamic-click-to-add.html.haml
  77. +0 −392 app/views/graphics/highcharts/_tmp/examples/dynamic-master-detail.html
  78. +0 −375 app/views/graphics/highcharts/_tmp/examples/dynamic-master-detail.html.haml
  79. +0 −109 app/views/graphics/highcharts/_tmp/examples/dynamic-update.html
  80. +0 −93 app/views/graphics/highcharts/_tmp/examples/dynamic-update.html.haml
  81. +0 −87 app/views/graphics/highcharts/_tmp/examples/pie-basic.html
  82. +0 −98 app/views/graphics/highcharts/_tmp/examples/pie-donut.html
  83. +0 −83 app/views/graphics/highcharts/_tmp/examples/pie-legend.html
  84. +1 −0 compass-jquery-plugin-sample.ids
@@ -0,0 +1,94 @@
+!!! Strict
+%html
+ %head
+ %meta{:content => "text/html; charset=utf-8", "http-equiv" => "Content-Type"}
+ %title Highcharts Example
+ / 1. Add these JavaScript inclusions in the head of your page
+ %script{:src => "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", :type => "text/javascript"}
+ %script{:src => "../js/highcharts.js", :type => "text/javascript"}
+ / 1a) Optional: add a theme file
+ /
+ <script type="text/javascript" src="../js/themes/gray.js"></script>
+ / 1b) Optional: the exporting module
+ %script{:src => "../js/modules/exporting.js", :type => "text/javascript"}
+ / 2. Add the JavaScript to initialize the chart on document ready
+ :javascript
+ var chart;
+ $(document).ready(function() {
+ chart = new Highcharts.Chart({
+ chart: {
+ renderTo: 'container',
+ defaultSeriesType: 'area'
+ },
+ title: {
+ text: 'US and USSR nuclear stockpiles'
+ },
+ subtitle: {
+ text: 'Source: '+
+ 'thebulletin.metapress.com'
+ },
+ xAxis: {
+ labels: {
+ formatter: function() {
+ return this.value; // clean, unformatted number for year
+ }
+ }
+ },
+ yAxis: {
+ title: {
+ text: 'Nuclear weapon states'
+ },
+ labels: {
+ formatter: function() {
+ return this.value / 1000 +'k';
+ }
+ }
+ },
+ tooltip: {
+ formatter: function() {
+ return this.series.name +' produced '+
+ Highcharts.numberFormat(this.y, 0) +'warheads in '+ this.x;
+ }
+ },
+ plotOptions: {
+ area: {
+ pointStart: 1940,
+ marker: {
+ enabled: false,
+ symbol: 'circle',
+ radius: 2,
+ states: {
+ hover: {
+ enabled: true
+ }
+ }
+ }
+ }
+ },
+ series: [{
+ name: 'USA',
+ data: [null, null, null, null, null, 6 , 11, 32, 110, 235, 369, 640,
+ 1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126,
+ 27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662,
+ 26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605,
+ 24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586,
+ 22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950,
+ 10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104 ]
+ }, {
+ name: 'USSR/Russia',
+ data: [null, null, null, null, null, null, null , null , null ,null,
+ 5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322,
+ 4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478,
+ 15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049,
+ 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000,
+ 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000,
+ 21000, 20000, 19000, 18000, 18000, 17000, 16000]
+ }]
+ });
+
+
+ });
+
+ %body
+ / 3. Add the container
+ #container{:style => "width: 800px; height: 400px; margin: 0 auto"}
@@ -0,0 +1,91 @@
+!!! Strict
+%html
+ %head
+ %meta{:content => "text/html; charset=utf-8", "http-equiv" => "Content-Type"}
+ %title Highcharts Example
+ / 1. Add these JavaScript inclusions in the head of your page
+ %script{:src => "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", :type => "text/javascript"}
+ %script{:src => "../js/highcharts.js", :type => "text/javascript"}
+ / 1a) Optional: add a theme file
+ /
+ <script type="text/javascript" src="../js/themes/gray.js"></script>
+ / 1b) Optional: the exporting module
+ %script{:src => "../js/modules/exporting.js", :type => "text/javascript"}
+ / 2. Add the JavaScript to initialize the chart on document ready
+ :javascript
+ var chart;
+ $(document).ready(function() {
+ chart = new Highcharts.Chart({
+ chart: {
+ renderTo: 'container',
+ defaultSeriesType: 'area',
+ inverted: true
+ },
+ title: {
+ text: 'Average fruit consumption during one week'
+ },
+ subtitle: {
+ style: {
+ position: 'absolute',
+ right: '0px',
+ bottom: '10px'
+ }
+ },
+ legend: {
+ layout: 'vertical',
+ align: 'right',
+ verticalAlign: 'top',
+ x: -150,
+ y: 100,
+ floating: true,
+ borderWidth: 1,
+ backgroundColor: '#FFFFFF'
+ },
+ xAxis: {
+ categories: [
+ 'Monday',
+ 'Tuesday',
+ 'Wednesday',
+ 'Thursday',
+ 'Friday',
+ 'Saturday',
+ 'Sunday'
+ ]
+ },
+ yAxis: {
+ title: {
+ text: 'Number of units'
+ },
+ labels: {
+ formatter: function() {
+ return this.value;
+ }
+ },
+ min: 0
+ },
+ tooltip: {
+ formatter: function() {
+ return ''+
+ this.x +': '+ this.y;
+ }
+ },
+ plotOptions: {
+ area: {
+ fillOpacity: 0.5
+ }
+ },
+ series: [{
+ name: 'John',
+ data: [3, 4, 3, 5, 4, 10, 12]
+ }, {
+ name: 'Jane',
+ data: [1, 3, 4, 3, 3, 5, 4]
+ }]
+ });
+
+
+ });
+
+ %body
+ / 3. Add the container
+ #container{:style => "width: 800px; height: 400px; margin: 0 auto"}
@@ -0,0 +1,85 @@
+!!! Strict
+%html
+ %head
+ %meta{:content => "text/html; charset=utf-8", "http-equiv" => "Content-Type"}
+ %title Highcharts Example
+ / 1. Add these JavaScript inclusions in the head of your page
+ %script{:src => "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", :type => "text/javascript"}
+ %script{:src => "../js/highcharts.js", :type => "text/javascript"}
+ / 1a) Optional: add a theme file
+ /
+ <script type="text/javascript" src="../js/themes/gray.js"></script>
+ / 1b) Optional: the exporting module
+ %script{:src => "../js/modules/exporting.js", :type => "text/javascript"}
+ / 2. Add the JavaScript to initialize the chart on document ready
+ :javascript
+ var chart;
+ $(document).ready(function() {
+ chart = new Highcharts.Chart({
+ chart: {
+ renderTo: 'container',
+ defaultSeriesType: 'area',
+ spacingBottom: 30
+ },
+ title: {
+ text: 'Fruit consumption *'
+ },
+ subtitle: {
+ text: '* Jane\'s banana consumption is unknown',
+ floating: true,
+ align: 'right',
+ verticalAlign: 'bottom',
+ y: 15
+ },
+ legend: {
+ layout: 'vertical',
+ align: 'left',
+ verticalAlign: 'top',
+ x: 150,
+ y: 100,
+ floating: true,
+ borderWidth: 1,
+ backgroundColor: '#FFFFFF'
+ },
+ xAxis: {
+ categories: ['Apples', 'Pears', 'Oranges', 'Bananas', 'Grapes', 'Plums', 'Strawberries', 'Raspberries']
+ },
+ yAxis: {
+ title: {
+ text: 'Y-Axis'
+ },
+ labels: {
+ formatter: function() {
+ return this.value;
+ }
+ }
+ },
+ tooltip: {
+ formatter: function() {
+ return ''+ this.series.name +''+
+ this.x +': '+ this.y;
+ }
+ },
+ plotOptions: {
+ area: {
+ fillOpacity: 0.5
+ }
+ },
+ credits: {
+ enabled: false
+ },
+ series: [{
+ name: 'John',
+ data: [0, 1, 4, 4, 5, 2, 3, 7]
+ }, {
+ name: 'Jane',
+ data: [1, 0, 3, null, 3, 1, 2, 1]
+ }]
+ });
+
+
+ });
+
+ %body
+ / 3. Add the container
+ #container{:style => "width: 800px; height: 400px; margin: 0 auto"}
@@ -0,0 +1,55 @@
+!!! Strict
+%html
+ %head
+ %meta{:content => "text/html; charset=utf-8", "http-equiv" => "Content-Type"}
+ %title Highcharts Example
+ / 1. Add these JavaScript inclusions in the head of your page
+ %script{:src => "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", :type => "text/javascript"}
+ %script{:src => "../js/highcharts.js", :type => "text/javascript"}
+ / 1a) Optional: add a theme file
+ /
+ <script type="text/javascript" src="../js/themes/gray.js"></script>
+ / 1b) Optional: the exporting module
+ %script{:src => "../js/modules/exporting.js", :type => "text/javascript"}
+ / 2. Add the JavaScript to initialize the chart on document ready
+ :javascript
+ var chart;
+ $(document).ready(function() {
+ chart = new Highcharts.Chart({
+ chart: {
+ renderTo: 'container',
+ defaultSeriesType: 'area'
+ },
+ title: {
+ text: 'Area chart with negative values'
+ },
+ xAxis: {
+ categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
+ },
+ tooltip: {
+ formatter: function() {
+ return ''+
+ this.series.name +': '+ this.y +'';
+ }
+ },
+ credits: {
+ enabled: false
+ },
+ series: [{
+ name: 'John',
+ data: [5, 3, 4, 7, 2]
+ }, {
+ name: 'Jane',
+ data: [2, -2, -3, 2, 1]
+ }, {
+ name: 'Joe',
+ data: [3, 4, 4, -2, 5]
+ }]
+ });
+
+
+ });
+
+ %body
+ / 3. Add the container
+ #container{:style => "width: 800px; height: 400px; margin: 0 auto"}
Oops, something went wrong.

0 comments on commit a6fd4dd

Please sign in to comment.