Spaces:

mdj1412
/

stock_news_summaries_AI

Runtime error

stock_news_summaries_AI / templates /chart.html

mdj1412

commit first

c109682 almost 2 years ago

5.84 kB

	<!-- html 태그 : HTML로 작성되어 있다는 것을 알려줌 -->
	<!-- html 태그 : html 파일 전체를 감싸는 태그 -->
	<html>
	<!-- head 태그 : 머리말에 해당 -->
	<!-- head 태그 : css나 javascript를 연결해줌 -->
	<!-- head 태그 : 파비콘이나 문자열 인코딩과 같은 문서의 다양한 정보를 제공 -->
	<head>

	<!-- link 태그 : 주로 외부 css 파일을 연결할 때 사용 -->
	<link rel="stylesheet" href="static/css/chartStyle.css" />


	<!-- jQuery -->
	<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
	<!-- script 태그 : 외부 js 파일을 연결하거나 javascript 코드를 입력할 때 사용 -->
	<script type="text/javascript" src="static/js/chartIndex.js"></script>







	<!-- Recharts -->
	<!-- <script src="https://unpkg.com/react/umd/react.production.min.js"></script>
	<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>

	<script src="https://unpkg.com/prop-types/prop-types.min.js"></script>
	<script src="https://unpkg.com/recharts/umd/Recharts.js"></script> -->

	<!-- <script src="https://unpkg.com/recharts/umd/Recharts.min.js"></script> -->






	<script src="https://cdn.jsdelivr.net/npm/luxon@1.26.0"></script>
	<script src="https://cdn.jsdelivr.net/npm/chart.js@3.0.1/dist/chart.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon@1.0.0"></script>
	<script src="static/js/chartjs-chart-financial.js" type="text/javascript"></script>




	<!-- 보류 모르겠음 ... -->

	<!-- ========================================================================================= -->


	<!-- Include Chart.js from a CDN -->

	<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.2.1/chart.min.js"></script> -->
	<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.2.1/chart.js"></script> -->
	<!-- <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> -->


	<!-- <script src="https://cdn.jsdelivr.net/npm/luxon@1.26.0"></script>
	<script src="https://cdn.jsdelivr.net/npm/chart.js@3.0.1/dist/chart.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon@1.0.0"></script>


	<script src="https://cdn.jsdelivr.net/npm/luxon@1.26.0"></script>
	<script src="https://cdn.jsdelivr.net/npm/chart.js@3.0.1/dist/chart.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon@1.0.0"></script>

	<script src="https://www.chartjs.org/chartjs-chart-financial/chartjs-chart-financial.js"></script> -->



	<!--
	CDN : Content Delivery Network
	지리적 제약 없이 전 세계 사용자에게 빠르고 안전하게 콘텐츠를 전송할 수 있는 '콘텐츠 전송 기술을 의미'
	서버와 사용자 사이의 물리적인 거리를 줄여 콘텐츠 로딩에 소요되는 시간을 최소화한다.
	-->
	</head>





	<!-- body 태그 : 본문에 해당하는 부분, 실제 보여지는 화면에 해당 -->
	<body>
	<h1><a class="gohome" href="/">Stock News Summaries AI</a></h1>
	<a class="goticker"><h2 class="tickerName">{{embed}}</h2></a>
	<h3 class="practice"></h3>

	<div>
	<div id="chart-container" width="974" height="486"></div>

	<div class="myChart-container">
	<canvas id="myChart"></canvas>
	</div>

	</div>





	<!--
	[ 속성 ]

	align : 정렬을 지정한다. (left, center, right)
	border : 테두리 선의 두께를 지정한다.
	bgcolor : 배경색을 지정한다. (색은 "red", "black" 처럼 기존의 정의되어있는 색을 사용할 수도 있으며
	rgb형식의 #000000 으로도 색을 지정할 수 있다.)
	bordercolor : 테두리 선의 색을 지정한다. 색을 지정하는 방법은 bgcolor와 동일하다.
	cellspacing : 셀간의 간격을 지정한다.
	width : 가로 길이를 지정한다. (상수 값을 입력할 수도, % 단위로 입력할 수 있다.
	%를 사용할 때는 웹브라우저 크기에 대한 % 이다.)
	height : 세로 길이를 지정한다.
	rawspan : 지정한 값만큼 행을 병합한다. (위아래로)
	colspan : 지정한 값만큼 열을 병합한다. (좌우로)
	-->







	<!-- table 태그 : 테이블을 만든다. -->
	<table class="table"

	text-align="center"
	align-items="center"
	justify-content="center"

	border="1"
	width="90%"
	height="200"
	cellspacing="5">


	<!-- caption 태그 : 테이블 이름 표시 -->
	<caption class="table-title"></caption>

	<!-- 테이블의 헤더 영역 지정 -->
	<thread>
	<!-- tr 태그 : 테이블읠 행(가로 한줄)을 만든다. -->
	<tr align="center" bgcolor="white">
	<!-- td 태그 : 테이블의 열을 만든다. -->
	<td width="5%"></td>

	<!-- th 태그 : 테이블(표)의 헤드 부분(자동으로 가운데 정렬, 굵게 적용) -->
	<th width="10%">Date</th>
	<th width="10%">Diff</th>
	<th class="title-width">Articles</th>
	</tr>
	</thread>

	<!-- tbody 태그 : -->
	<tbody class="news-table">

	<!-- News: Date, Diff, Title 추가 -->

	</tbody>

	</table>


	</body>
	</html>