1;(function($){ 2 3 /* ========================================================================== 4 Line chart js 5 ========================================================================== */ 6 7 $linecharts = $('.chart--line'); 8 9 if($linecharts.length > 0){ 10 charts__line_init(); 11 } 12 13 function charts__line_init(){ 14 $linecharts.each(function(){ 15 $chart = $(this); 16 $chartdata = $('.chart__data', $chart); 17 $chartcanvas = $('.chart__canvas', $chart); 18 $chartcanvas_el = $chartcanvas.get(0); 19 $chartlabels = $chart.data('labels-x'); 20 $chartlabels_array = $chartlabels.split(","); 21 22 datasets_array = Array(); 23 24 $('.dataline' ,$chartdata).each(function(){ 25 $dataset = $(this); 26 $dataset_color = $dataset.data('color'); 27 $dataset_label = $dataset.data('label'); 28 $dataset_data = $dataset.data('data'); 29 $dataset_data_array = $dataset_data.split(","); 30 31 32 datasets_array.push({ 33 label: $dataset_label, 34 fill: false, 35 lineTension: 0, 36 borderWidth: 1, 37 borderColor: $dataset_color, 38 borderCapStyle: 'butt', 39 borderDash: [], 40 borderDashOffset: 0.0, 41 borderJoinStyle: 'miter', 42 pointBorderColor: $dataset_color,
43 pointBackgroundColor: "#fff", 44 pointBorderWidth: 1, 45 pointHoverRadius: 7, 46 pointHoverBackgroundColor: $dataset_color, 47 pointHoverBorderColor: "rgba(220,220,220,1)", 48 pointHoverBorderWidth: 2, 49 pointRadius: 2, 50 pointHitRadius: 10, 51 data: $dataset_data_array, 52 spanGaps: false 53 }); 54 }); 55 56 57 new Chart($chartcanvas_el, { 58 type: 'line', 59 data: { 60 labels: $chartlabels_array, 61 datasets: datasets_array 62 }, 63 options: { 64 legend: { 65 display: false 66 }, 67 tooltips:{ 68 backgroundColor: "#eeeeee", 69 bodyFontColor: "#111111", 70 titleFontColor: "#111111", 71 titleMarginBottom: 10, 72 xPadding: 10, 73 yPadding: 10 74 } 75 } 76 }); 77 78 }); 79 } // charts__line_init () 80 81 82 /* ========================================================================== 83 pie chart js 84 ========================================================================== */ 85 86 $piecharts = $('.chart--pie'); 87 88 if($piecharts.length > 0){ 89 charts__pie_init(); 90 } 91 92 function charts__pie_init(){ 93 $piecharts.each(function(){ 94 $chart = $(this); 95 $chartdata = $('.chart__data', $chart); 96 $chartcanvas = $('.chart__canvas', $chart); 97 $chartcanvas_el = $chartcanvas.get(0); 98 99 data_labels = Array(); 100 data_colors = Array(); 101 data_values = Array(); 102 103 $('.datavalue', $chartdata).each(function(){ 104 //data_labels.push($(this).data('label')); 105 data_labels.push(' '); 106 data_colors.push($(this).data('color')); 107 data_values.push($(this).data('val')); 108 }); 109 110 new Chart($chartcanvas_el, { 111 type: 'pie', 112 data: { 113 labels: data_labels, 114 datasets: [{ 115 data: data_values, 116 backgroundColor: data_colors, 117 borderWidth: 1 118 }] 119 }, 120 options: { 121 legend: { 122 display: false, 123 }, 124 tooltips: { 125 mode: 'index', 126 /*backgroundColor: "#eeeeee", 127 bodyFontColor: "#111111", 128 titleFontColor: "#111111", 129 titleMarginBottom: 10, */ 130 titleFontSize: 0, 131 xPadding: 10, 132 yPadding: 10 133 } 134 } 135 }); 136 137 }); 138 } // charts__pie_init () 139 140 /* ========================================================================== 141 bar chart js 142 ========================================================================== */ 143 144 $barcharts = $('.chart--bar'); 145 146 if($barcharts.length > 0){ 147 charts__bar_init(); 148 } 149 150 function charts__bar_init(){ 151 $barcharts.each(function(){ 152 $chart = $(this); 153 $chartdata = $('.chart__data', $chart); 154 $chartcanvas = $('.chart__canvas', $chart); 155 $chartcanvas_el = $chartcanvas.get(0); 156 157 data_labels = Array(); 158 data_colors = Array(); 159 data_values = Array(); 160 161 $('.datavalue', $chartdata).each(function(){ 162 data_labels.push($(this).data('label')); 163 data_colors.push($(this).data('color')); 164 data_values.push($(this).data('val')); 165 }); 166 167 new Chart($chartcanvas_el, { 168 type: 'bar', 169 data: { 170 labels: data_labels, 171 datasets: [{ 172 data: data_values, 173 backgroundColor: data_colors 174 }] 175 }, 176 177 options: { 178 scales: { 179 xAxes: [{ 180 display: false, 181 maxBarThickness: 50, 182 barPercentage: .5 183 }], 184 yAxes: [{ 185 ticks: { 186 beginAtZero: true 187 } 188 }] 189 }, 190 legend: { 191 display: false, 192 }, 193 tooltips:{ 194 mode: 'index', 195 /*backgroundColor: "#eeeeee", 196 bodyFontColor: "#111111", 197 titleFontColor: "#111111", 198 titleMarginBottom: 10, */ 199 titleFontSize: 0, 200 xPadding: 10, 201 yPadding: 10 202 }, 203 204 205 } 206 }); 207 208 }); 209 } // charts__line_init () 210 211 212 213 /* ========================================================================== 214 Stacked bar chart js 215 ========================================================================== */ 216 217 $stackedcharts = $('.chart--barstacked'); 218 219 if($stackedcharts.length > 0){ 220 charts__stacked_init(); 221 } 222 223 function charts__stacked_init(){ 224 $stackedcharts.each(function(){ 225 $chart = $(this); 226 $chartdata = $('.chart__data', $chart); 227 $chartcanvas = $('.chart__canvas', $chart); 228 229 $chartcanvas.html("<div class='stackedcanvas'></div>"); 230 $stackedcanvas = $('.stackedcanvas', $chartcanvas); 231 232 data_values_array = Array(); 233 234 $('.datavalue', $chartdata).each(function(){ 235 data_values_array.push($(this).data('val')); 236 }); 237 238 data_values_total = data_values_array.reduce(charts__stacked_reduce, 0); 239 240 $('.datavalue', $chartdata).each(function(i){ 241 $el = $(this); 242 el_val = $el.data('val'); 243 el_percent = (el_val / data_values_total) * 100; 244 $stackedcanvas.append("<div class='stackeditem fontsize--tiny' style='height:"+el_percent+"%'><div class='stackeditem__bg' style='background-color:"+$el.data("color")+";'></div><div class='stackeditem__info'><h4 class='stackeditem__value fontsize--tiny'>"+$el.data("val")+"</h4><div class='stackeditem__title'>"+$el.data("label")+"</div></div></div>"); 245 }); 246 247 }); 248 } // charts__line_init () 249 250 251 /* ========================================================================== 252 Stacked bar chart js 253 ========================================================================== */ 254 255 $horizstackedcharts = $('.chart--horizstacked'); 256 257 if($horizstackedcharts.length > 0){ 258 charts__horizstacked_init(); 259 } 260 261 function charts__horizstacked_init(){ 262 $horizstackedcharts.each(function(){ 263 $chart = $(this); 264 $chartdata = $('.chart__data', $chart); 265 $chartcanvas = $('.chart__canvas', $chart); 266 267 $chartcanvas.html("<div class='stackedcanvas'></div>"); 268 $stackedcanvas = $('.stackedcanvas', $chartcanvas); 269 270 data_values_array = Array(); 271 272 $('.datavalue', $chartdata).each(function(){ 273 data_values_array.push($(this).data('val')); 274 }); 275 276 data_values_total = data_values_array.reduce(charts__stacked_reduce, 0); 277 278 $('.datavalue', $chartdata).each(function(i){ 279 $el = $(this); 280 el_val = $el.data('val'); 281 el_percent = (el_val / data_values_total) * 100; 282 el_class = (el_percent < 5) ? "stackeditem--lt5" : ""; 283 $stackedcanvas.append("<div class='stackeditem fontsize--tiny "+el_class+"' style='width:"+el_percent+"%'><div class='stackeditem__bg' style='background-color:"+$el.data("color")+";'></div><div class='stackeditem__info'><h4 class='stackeditem__value fontsize--tiny'>"+parseInt(el_percent)+"%</h4></div></div>"); 284 }); 285 286 }); 287 } // charts__line_init () 288 289 290 function charts__stacked_reduce(a,b){ 291 return a + b; 292 } //charts__stacked_reduce 293 294 295})(jQuery); // Domready
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.