echarts 막대그래프 생성 질문드립니다!

Question

#JS$(document).ready(function() { var myBar = echarts.init(document.getElementById('main')); option = { xAxis: { type: 'category', boundaryGap: false, data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [ { data: [820, 932, 901, 934, 1290, 1330, 1320], type: 'line', areaStyle: {} } ] }; myBar.setOption(option);});#JSP<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

echart로 막대 그래프를 만들어보려고 예제 소스 긁어와서 붙여 넣었는데화면에는 title text에 넣은 내용 외에는 아무 내용도 안뜨더라구요.bar가 아닌 pie로 해봤을 때는 정상적으로 나오는데 bar는 다른 무언가가 있을까요?콘솔에 에러는 안뜹니다!

문개 · Answer

yAxis: { type: 'value' },에 빠져있습니다.되도록이면 코드를 직접 올려주시면 원인분석이 보다 편할 것 같습니다.

문개 · Answer

import * as echarts from 'echarts'; var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var option; option = { xAxis: { type: 'category', boundaryGap: false, data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [ { data: [820, 932, 901, 934, 1290, 1330, 1320], type: 'line', areaStyle: {} } ] }; option && myChart.setOption(option); 보내주신 Echart 라이브러리 상에 지정한 option 오류는 없는 듯 합니다.아마 JSP 나 HTML 쪽 오타가 있으실 것 같은데, 그쪽은 정확히 몰라 답변드리기가 어렵겠네요.조금 이상한게 option 이 따로 선언되어있지 않은데 따로 선언해셨을 것 같아 물어보지는 않겠습니다.

포기해.. · Answer

콘솔에 에러가 안뜨는게 좀 이상하네요.jstl 선언없이 c태그를 사용해놓음. script 선언 닫는 부분이 잘못됨

echarts 막대그래프 생성 질문드립니다!

3개의 답변

#echarts 목록