You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.0 KiB
55 lines
2.0 KiB
5 years ago
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 660 440">
|
||
|
|
<style>
|
||
|
|
.ticks, .frame {
|
||
|
|
stroke-width: 1px;
|
||
|
|
fill: none;
|
||
|
|
stroke: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
path.major {
|
||
|
|
stroke-width: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ylabels text {
|
||
|
|
font-size: 10px;
|
||
|
|
text-anchor: end;
|
||
|
|
font-family: Droid Sans, sans-serif;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid {
|
||
|
|
stroke-dasharray: 4;
|
||
|
|
stroke: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.series {
|
||
|
|
stroke-width: 2px;
|
||
|
|
fill: none;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<g transform="translate(50,15)">
|
||
|
|
<path d="M100,0 v400m100,-400 v400m100,-400 v400m100,-400 v400m100,-400 v400m100,-400 v400m100,-400"
|
||
|
|
class="grid" transform="translate(0,0)" id="grid-v" />
|
||
|
|
<path d="M0,100 h600m-600,100 h600m-600,100 h600m-600,100"
|
||
|
|
class="grid" stroke-dashoffset="0" id="grid-h" />
|
||
|
|
<path d="M-10,0 h10m-10,100 h10m-10,100 h10m-10,100 h10m-10,100 h10" class="ticks" />
|
||
|
|
<path d="M-5,10
|
||
|
|
h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,20
|
||
|
|
h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,20
|
||
|
|
h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,20
|
||
|
|
h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5m-5,10h5" class="ticks" />
|
||
|
|
<g class="series">
|
||
|
|
<path d="M0,400L600,0" stroke="blue" id="ser-set" />
|
||
|
|
<path d="M0,0L300,100L600,400" stroke="red" id="ser-actual" />
|
||
|
|
</g>
|
||
|
|
<path d="M0,0h600v400h-600Z" class="frame" />
|
||
|
|
<g class="ylabels" transform="translate(0,3)">
|
||
|
|
<text x="-15" y="0">400 °C</text>
|
||
|
|
<text x="-15" y="100">300 °C</text>
|
||
|
|
<text x="-15" y="200">200 °C</text>
|
||
|
|
<text x="-15" y="300">100 °C</text>
|
||
|
|
<text x="-15" y="400">0 °C</text>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</svg>
|