Mirror/betaflight
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight.git synced 2025-07-19 06:15:16 +03:00
Code Issues Wiki Activity

clamp width scale, reorder elements to hide AA

Browse source
This commit is contained in:
cTn 2014-04-13 18:04:08 +02:00
parent 000ff998e1
commit f91c73a38b
3 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
tabs/sensors.css
View file

@ -55,6 +55,7 @@
} }
.tab-sensors .grid .tick { .tab-sensors .grid .tick {
stroke: silver; stroke: silver;
stroke-width: 1px;
shape-rendering: crispEdges; shape-rendering: crispEdges;
} }
.tab-sensors .line { .tab-sensors .line {
@ -64,9 +65,10 @@
.tab-sensors .grid path { .tab-sensors .grid path {
stroke-width: 0; stroke-width: 0;
} }
.tab-sensors .axis path, .axis line { .tab-sensors .axis path, .tab-sensors .axis line {
fill: none; fill: none;
stroke: #000; stroke: #000;
stroke-width: 1px;
shape-rendering: crispEdges; shape-rendering: crispEdges;
} }
.tab-sensors .line:nth-child(1) { .tab-sensors .line:nth-child(1) {

16
tabs/sensors.html
View file

@ -32,9 +32,9 @@
<svg id="gyro"> <svg id="gyro">
<g class="grid x" transform="translate(40, 120)"></g> <g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g> <g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g> <g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g> <g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(43, 10)"></g>
</svg> </svg>
<div class="clear-both"></div> <div class="clear-both"></div>
<div class="plot_control"> <div class="plot_control">
@ -70,9 +70,9 @@
<svg id="accel"> <svg id="accel">
<g class="grid x" transform="translate(40, 120)"></g> <g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g> <g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g> <g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g> <g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(43, 10)"></g>
</svg> </svg>
<div class="clear-both"></div> <div class="clear-both"></div>
<div class="plot_control"> <div class="plot_control">
@ -107,9 +107,9 @@
<svg id="mag"> <svg id="mag">
<g class="grid x" transform="translate(40, 120)"></g> <g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g> <g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g> <g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g> <g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(43, 10)"></g>
</svg> </svg>
<div class="clear-both"></div> <div class="clear-both"></div>
<div class="plot_control"> <div class="plot_control">
@ -135,9 +135,9 @@
<svg id="baro"> <svg id="baro">
<g class="grid x" transform="translate(40, 120)"></g> <g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g> <g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g> <g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g> <g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(43, 10)"></g>
</svg> </svg>
<div class="clear-both"></div> <div class="clear-both"></div>
<div class="plot_control"> <div class="plot_control">
@ -163,9 +163,9 @@
<svg id="debug1"> <svg id="debug1">
<g class="grid x" transform="translate(40, 120)"></g> <g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g> <g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g> <g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g> <g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
</svg> </svg>
<div class="clear-both"></div> <div class="clear-both"></div>
<div class="plot_control"> <div class="plot_control">
@ -177,9 +177,9 @@
<svg id="debug2"> <svg id="debug2">
<g class="grid x" transform="translate(40, 120)"></g> <g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g> <g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g> <g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g> <g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
</svg> </svg>
<div class="clear-both"></div> <div class="clear-both"></div>
<div class="plot_control"> <div class="plot_control">
@ -191,9 +191,9 @@
<svg id="debug3"> <svg id="debug3">
<g class="grid x" transform="translate(40, 120)"></g> <g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g> <g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g> <g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g> <g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
</svg> </svg>
<div class="clear-both"></div> <div class="clear-both"></div>
<div class="plot_control"> <div class="plot_control">
@ -205,8 +205,8 @@
<svg id="debug4"> <svg id="debug4">
<g class="grid x" transform="translate(40, 120)"></g> <g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g> <g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g> <g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g> <g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
</svg> </svg>
</div> </div>

1
tabs/sensors.js
View file

@ -44,6 +44,7 @@ function initGraphHelpers(selector, sampleNumber, heightDomain) {
var helpers = {selector: selector, dynamicHeightDomain: !heightDomain}; var helpers = {selector: selector, dynamicHeightDomain: !heightDomain};
helpers.widthScale = d3.scale.linear(). helpers.widthScale = d3.scale.linear().
clamp(true).
domain([(sampleNumber - 299), sampleNumber]). domain([(sampleNumber - 299), sampleNumber]).
range([0, width]); range([0, width]);