Plot available playlist bitrates
Add light grey dotted lines for each available video bitrate.
Showing
2 changed files
with
14 additions
and
0 deletions
... | @@ -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') | ... | ... |
-
Please register or sign in to post a comment