JS 차트가 HTML로 표시되지 않습니다.

전적으로 html을 처음 사용합니다. 한 페이지에 JS로 간단한 차트를 표시하도록 요청 받았습니다.JS 차트가 HTML로 표시되지 않습니다.

이것은 내 코드이며 아무 것도 표시되지 않습니다.

<html> 
    <head> 
     <title>JS Charts</title> 
     <script type="text/javascript" src="scripts/jscharts.js"></script> 
    </head> 
    <body> 
     <script type="text/javascript" > 
     var myData = new Array(['2005', 2], ['2006', 1], ['2007', 3], ['2008', 6]); 
     var myChart = new JSChart('chartid', 'bar'); 
     myChart.setDataArray(myData); 
     myChart.setBarColor('#42aBdB'); 
     myChart.setBarOpacity(0.8); 
     myChart.setBarBorderColor('#D9EDF7'); 
     myChart.setBarValues(false); 
     myChart.setTitleColor('#8C8383'); 
     myChart.setAxisColor('#777E81'); 
     myChart.setAxisValuesColor('#777E81'); 
     myChart.draw(); 
     </script> 
    </body> 
</html>

출처

2016-11-28 TiraULTI

브라우저 콘솔에 오류가 있습니까? – j08691

어떤 차트에서이 차트를 그리는가? 이 차트를 그리려면 div 또는 span과 같은 DOM 요소가 필요합니다. – brk

JSChart를 찾을 수 없습니다. 가져올 라이브러리입니까? 내가 자바 스크립트로 할 수 있을까? 정말 간단한 그래프/차트를 만들어야합니다 @ j08691 – TiraULTI

당신은 당신의 HTML 문서와이 해결되어 있지 않은 경우 jscharts.js에 대한 설정 올바른 경로로 <div id="chartid"></div>를 추가해야합니다! 당신이 원하는 경우

<div id="chartid"></div>

var myChart = new JSChart('chartid', 'bar');

그래서 당신은 같은 HTML 참조가 필요합니다 : 당신은 여기에 참조가

출처

2016-11-28 15:09:12 Andrew

라이브러리입니까? .js 파일을 추가해야합니까? – TiraULTI

나는이 라이브러리를 사용하고 있다고 생각한다 http://www.jscharts.com/ – Andrew

나는 어떤 이유로 든 그 라이브러리를 사용하지 않았다. 나는 자바 스크립트에서 간단한 그래프를 만들 것을 요청 받았다. 더 간단한 방법이 있습니까? @Andrew – TiraULTI

당신은 당신의 차트의 DOM 참조가 필요 어쩌면 당신은 하이 차트를 사용해야 할 것입니다 : http://www.highcharts.com/demo/column-basic

출처

2016-11-28 15:11:29 Mat

JS 차트가 HTML로 표시되지 않습니다.

답변

관련 문제