티스토리 게시글에 차트 삽입하기

 

 

참고한 블로그 : Tistory 게시글에 Plotly 그래프 삽입하기.

Tistory 게시글에 Plotly 그래프 삽입하기.

 

 

여기에 하라는대로 티스토리 관리자페이지 > 스킨편집 > html편집 버튼을 누르고

 

 

</head>위에 

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>

를 넣어주었다. 작성 후 저장하기를 눌러준다.

그리고 

 

<div id="graph">
    <script>
    	Plotly.plot('graph',
        	#json 필요
        , {});
    </script>
</div>

를 이용해서 그래프를 만들어준다..고 하는데 중간에 그래프를 만드는 데 필요한 정보를 json으로 입력해줘야한다.

그건 어떻게 하는거지?

 

 

[plotly] 티스토리/웹페이지에 반응형 그래프 올리기 (tistory.com)

[plotly] 티스토리/웹페이지에 반응형 그래프 올리기

참고한 블로그에서 참고했다는 블로그로 가보니 좀 더 구체적인 설명이 있었다.

여기서는 파이썬으로 Plotly 그래프를 그리고 거기서 나온 json을 가져와 티스토리에 적용한다고 한다.

 

개인적으로 팔굽혀펴기 기록이나 매수한 etf의 평단 등을 표현할 때 좋아보인다.

일단 그래프 생성에 필요한 plotly.js는 넣어주었으니 나중에 테스트해봐야겠다.