편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
{{css|연습장:아바투르너마저/1}} | {{css|연습장:아바투르너마저/1}} | ||
<div class=" | <!-- 주식 그래프 컨테이너 --> | ||
<div class="stock-chart"> | |||
<!-- Y축 눈금 --> | |||
<div class="y-label" data-value="100">100</div> | |||
<div class="y-label" data-value="50">50</div> | |||
<div class="y-label" data-value="0">0</div> | |||
<!-- 각 막대--> | |||
<div class="bar" style="height: 70%;" data-label="AAPL" data-tooltip="Apple: +70%"></div> | |||
<div class="bar negative" style="height: 30%;" data-label="MSFT" data-tooltip="Microsoft: -30%"></div> | |||
<div class="bar" style="height: 90%;" data-label="GOOGL" data-tooltip="Google: +90%"></div> | |||
<div class="bar negative" style="height: 50%;" data-label="AMZN" data-tooltip="Amazon: -50%"></div> | |||
<div class="bar" style="height: 60%;" data-label="TSLA" data-tooltip="Tesla: +60%"></div> | |||
</div> | </div> | ||
2024년 11월 30일 (토) 23:13 판
100
50
0