fca6d104 by David LaPalomento

Plot available playlist bitrates

Add light grey dotted lines for each available video bitrate.
1 parent 6f113f02
...@@ -427,6 +427,11 @@ form label { ...@@ -427,6 +427,11 @@ form label {
427 stroke: #2ca02c; 427 stroke: #2ca02c;
428 opacity: 0.25; 428 opacity: 0.25;
429 } 429 }
430 .line.bitrate {
431 stroke: #999;
432 opacity: 0.5;
433 stroke-dasharray: 5, 5;
434 }
430 435
431 .timeline { 436 .timeline {
432 color: #888; 437 color: #888;
......
...@@ -321,6 +321,15 @@ ...@@ -321,6 +321,15 @@
321 .style('text-anchor', 'end') 321 .style('text-anchor', 'end')
322 .text('Bitrate (kb/s)'); 322 .text('Bitrate (kb/s)');
323 323
324 // playlist bitrate lines
325 svg.selectAll('.line.bitrate')
326 .data(data.options.playlists)
327 .enter().append('path')
328 .attr('class', 'line bitrate')
329 .attr('d', function(playlist) {
330 return 'M0,' + y(playlist) + 'L' + width + ',' + y(playlist);
331 });
332
324 // bandwidth line 333 // bandwidth line
325 svg.selectAll('.bandwidth').remove(); 334 svg.selectAll('.bandwidth').remove();
326 svg.append('path') 335 svg.append('path')
......