자바 스크립트를 사용하여 간단한 막 대형 차트를 만드는 방법

Question

그래프의 데이터를 입력합니다. 나는 drawline을 사용했지만 위치를 제대로 잡을 수 없다. 지금까지 제 코드가 있습니다. 나는 웹 환경에 embeded되는 자바 환경으로 인해 bar chart libary를 사용할 수 없다. 당신이 연습으로,이 자바 스크립트 막대 차트 플로터를 작성하지 않는

// Ex5-1: Weather Data Graph 
enter code herevar canvas; 
canvas = openGraphics(); 
var sun; 
var n; 
var xposition; 
xposition = 40; 
sun = prompt("enter the sun"); 
sun = parseInt(sun, 10); 
///xposition= xposition +10; 
canvas.drawLine(40, 10, 40, 245); 
canvas.drawLine(40, 245, 390, 245); 
canvas.drawString("225 ", 10, 30); 
canvas.drawString("180 ", 10, 70); 
canvas.drawString("135 ", 10, 110); 
canvas.drawString("90 ", 10, 150); 
canvas.drawString("45 ", 10, 190); 
canvas.drawString("0 ", 10, 230); 
canvas.drawString("J ", 50, 250); 
canvas.drawString("F ", 80, 250); 
canvas.drawString("M ", 110, 250); 
canvas.drawString("A ", 140, 250); 
canvas.drawString("M ", 170, 250); 
canvas.drawString("J ", 200, 250); 
canvas.drawString("J ", 230, 250); 
canvas.drawString("A ", 260, 250); 
canvas.drawString("S ", 290, 250); 
canvas.drawString("O ", 320, 250); 
canvas.drawString("N ", 350, 250); 
canvas.drawString("D ", 380, 250); 
canvas.setStroke(30); 
canvas.drawLine(xposition, 230, xposition, sun); 
canvas.paint(); 

Answer 1

, 나는 jqplot을 사용합니다.