$(function() {
\t \t $('#container').highcharts({
\t \t \t title: {
\t \t \t \t text: 'Monthly Average Temperature',
\t \t \t \t x: -20 //center
\t \t \t },
\t \t \t subtitle: {
\t \t \t \t text: 'Source: WorldClimate.com',
\t \t \t \t x: -20
\t \t \t },
\t \t \t xAxis: {
\t \t \t \t categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
\t \t \t \t \t 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
\t \t \t },
\t \t \t yAxis: {
\t \t \t \t title: {
\t \t \t \t \t text: 'Temperature (°C)'
\t \t \t \t },
\t \t \t \t plotLines: [{
\t \t \t \t \t value: 0,
\t \t \t \t \t width: 1,
\t \t \t \t \t color: '#808080'
\t \t \t \t }]
\t \t \t },
\t \t \t tooltip: {
\t \t \t \t valueSuffix: '°C'
\t \t \t },
\t \t \t legend: {
\t \t \t \t layout: 'vertical',
\t \t \t \t align: 'right',
\t \t \t \t verticalAlign: 'middle',
\t \t \t \t borderWidth: 0
\t \t \t },
\t \t \t series: [{
\t \t \t \t name: 'Tokyo',
\t \t \t \t data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
\t \t \t }, {
\t \t \t \t name: 'New York',
\t \t \t \t data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
\t \t \t }, {
\t \t \t \t name: 'Berlin',
\t \t \t \t data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
\t \t \t }, {
\t \t \t \t name: 'London',
\t \t \t \t data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
\t \t \t }]
\t \t });
\t });
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js">
</script>
<script src="https://code.highcharts.com/highcharts.js"></script><script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
확인하기 전에 렌더링 할 수 있습니다. jquery.js 뒤에 렌더링해야합니다. –
당신은 내 영웅입니다. 부적처럼 일했습니다. 고마워! – N1njaWTF