-
Notifications
You must be signed in to change notification settings - Fork 23
Expand file tree
/
Copy pathoutput-multiline.html
More file actions
1 lines (1 loc) · 4.57 KB
/
output-multiline.html
File metadata and controls
1 lines (1 loc) · 4.57 KB
1
<html><head></head><body><div id="container"><h2>Multiline Example</h2><div id="chart"><svg xmlns="http://www.w3.org/2000/svg" width="800" height="570"><g transform="translate(30, 20)"><g><g transform="translate(0, 490)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000" d="M0.5000,5V0.5000H750.5000V5"></path><g class="tick" opacity="1" transform="translate(0,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">0.0</text></g><g class="tick" opacity="1" transform="translate(75,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">0.5</text></g><g class="tick" opacity="1" transform="translate(150,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">1.0</text></g><g class="tick" opacity="1" transform="translate(225,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">1.5</text></g><g class="tick" opacity="1" transform="translate(300,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">2.0</text></g><g class="tick" opacity="1" transform="translate(375,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">2.5</text></g><g class="tick" opacity="1" transform="translate(450,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">3.0</text></g><g class="tick" opacity="1" transform="translate(525,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">3.5</text></g><g class="tick" opacity="1" transform="translate(600,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">4.0</text></g><g class="tick" opacity="1" transform="translate(675,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">4.5</text></g><g class="tick" opacity="1" transform="translate(750,0)"><line stroke="#000" y2="5" x1="0.5" x2="0.5"></line><text fill="#000" y="10" x="0.5" dy="0.71em">5.0</text></g></g><g fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000" d="M-5,490.5000H0.5000V0.5000H-5"></path><g class="tick" opacity="1" transform="translate(0,440)"><line stroke="#000" x2="-5" y1="0.5" y2="0.5"></line><text fill="#000" x="-10" y="0.5" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,389)"><line stroke="#000" x2="-5" y1="0.5" y2="0.5"></line><text fill="#000" x="-10" y="0.5" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,339)"><line stroke="#000" x2="-5" y1="0.5" y2="0.5"></line><text fill="#000" x="-10" y="0.5" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,288)"><line stroke="#000" x2="-5" y1="0.5" y2="0.5"></line><text fill="#000" x="-10" y="0.5" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,237)"><line stroke="#000" x2="-5" y1="0.5" y2="0.5"></line><text fill="#000" x="-10" y="0.5" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,186)"><line stroke="#000" x2="-5" y1="0.5" y2="0.5"></line><text fill="#000" x="-10" y="0.5" dy="0.32em">60</text></g><g class="tick" opacity="1" transform="translate(0,135)"><line stroke="#000" x2="-5" y1="0.5" y2="0.5"></line><text fill="#000" x="-10" y="0.5" dy="0.32em">70</text></g><g class="tick" opacity="1" transform="translate(0,85)"><line stroke="#000" x2="-5" y1="0.5" y2="0.5"></line><text fill="#000" x="-10" y="0.5" dy="0.32em">80</text></g><g class="tick" opacity="1" transform="translate(0,34)"><line stroke="#000" x2="-5" y1="0.5" y2="0.5"></line><text fill="#000" x="-10" y="0.5" dy="0.32em">90</text></g></g><g fill="none" stroke-width="1.5"><path stroke="steelblue" d="M0,435L25,408.5000C50,382,100,329,150,303.8333C200,278.6667,250,281.3333,300,290.6667C350,300,400,316,450,271.1667C500,226.3333,550,120.6667,600,97C650,73.3333,700,131.6667,725,160.8333L750,190"></path><path stroke="darkorange" d="M0,347L25,357.3333C50,367.6667,100,388.3333,150,405.3333C200,422.3333,250,435.6667,300,418.8333C350,402,400,355,450,282.8333C500,210.6667,550,113.3333,600,130.5000C650,147.6667,700,279.3333,725,345.1667L750,411"></path><path stroke="steelblue" d="M0,312L25,341.6667C50,371.3333,100,430.6667,150,428.5000C200,426.3333,250,362.6667,300,333.3333C350,304,400,309,450,303.8333C500,298.6667,550,283.3333,600,231C650,178.6667,700,89.3333,725,44.6667L750,0"></path></g></g></g></svg></div></div></body></html>