jqplot 옵션 정리

jqplot 옵션

참조 : http://www.jqplot.com/docs/files/jqPlotOptions-txt.html

 

title
      text //타이틀텍스트
      show //타이틀표시여부
      fontFamily //타이틀 폰트종류
      fontSize //폰트사이즈
      textAlign //타이틀 텍스트 위치 left,right,center
      textColor //텍스트 컬러

axes
//축에관한 옵션
      xaxis
      //x축
            min //x축 최저값 범위지정
            amx //x축 최고값 범위지정
            pad //x축 여백조정 면그래프 작성시는 [0]을지정하고,여백을 없에는 경우가 많다.
            ticks //x축 눈금지정
            tickOptions
            //눈금에 관한 옵션(ticks)
                  mark //눈금의 위치설정  outside,inside  default : outside
                  showMark //눈금표시여부 default : true
                  showGridline //그리드선 표시여부 default : true
                  markSize //눈금사이즈 default : 4
                  show //눈금과 mark의 라벨표시여부 default : true
                  showLabel //눈금의 라벨표시여부 default : true
                  formatString //눈금의 라벨형식 지정 %d : 정수, %f : 소수, %g : 데이터값, %s : 문자열
            showTicks //눈금의 라벨 표시여부
            showTickMarks //눈금의 mark 표시여부
            label //x축 라벨
            labelOptions
                  //x축 라벨에 관한 옵션
                  fontFamily
                  fontSize
            renderer //x축의 카테고리로 사용
      yaxis
      //Y축
            min //y축 최저값 범위지정
            amx //y축 최고값 범위지정
            pad //y축 여백조정 면그래프 작성시는 [0]을지정하고,여백을 없에는 경우가 많다.
            ticks //y축 눈금지정
            tickOptions
            //눈금에 관한 옵션
                  mark //눈금의 위치설정  outside,inside  default : outside
                  showMark //눈금표시여부 default : true
                  showGridline //그리드선 표시여부 default : true
                  markSize //눈금사이즈 default : 4
                  show //눈근과 mark의 라벨표시여부 default : true
                  showLabel //눈금의 라벨표시여부 default : true
                  formatString //눈금의 라벨형식 지정 %d : 정수, %f : 소수, %g : 데이터값, %s : 문자열
            showTicks //눈금의 라벨 표시여부
            showTickMarks //눈금의 mark 표시여부
            label //y축 라벨
            labelOptions
                  //y축 라벨에 관한 옵션
                  fontFamily
                  fontSize
            renderer //y축의 카테고리로 사용

seriesDefaults
//그래프종류,색,크기등의 기본설정
      show //그래프 표시여부  default : true
      color //색
      linePattern
      //그래프 선종류 지정 solid,dashed,dotted  default : solid
      //'.-.' 형식으로 조합사용가능
      //[2,4,2,7,4,2] 파선의 길이와 파선의 간격 다음의 파선길이와 간격 배열로 지정가능
      lineWidth //그래프선의 두깨
      shadowAngle //그래프 그림자 각도 x축에서 시계방향
      showLine //그래프선 표시여부 default : true
      showMarker //marker 표시여부 default : true
      fill //그래프선밑 색으로 채우기 여부 default : false
      fillAndStroke // 그래프선 표시여부 (면그래프 생성시 사용하는 옵션)
      fillColor //선맽 채우기 색
      fillAlpha //선밑 채우기색의 불투명도
      fillToZero //그래프선과 0 사이 채우기여부 default : false
      renderer
            /*
            $.jqplot.BarRenderer： 바 그래프
            $.jqplot.BezierCurveRenderer： 곡선 그래프
            $.jqplot.BlockRenderer： 블록 차트
            $.jqplot.BubbleRenderer： 버블 차트
            $.jqplot.DonutRenderer： 도넛 차트
            $.jqplot.MeterGaugeRenderer： 미터 게이지
            $.jqplot.MekkoRenderer： 마리메코 차트
            $.jqplot.OHLCRenderer：
            $.jqplot.PieRenderer： 파이 그래프
            $.jqplot.PyramidRenderer： 피라미드 그래프
            */
      rendererOptions
      //바생성 옵션
            barDirection: 'vertical', //바그래프 vertical,horizontal.

      markerOptions
      //눈금에 관한 옵션(marker)
            show //눈금표시 여부 default : true
            style //눈금스타일  diamond、circle、square、x、plus、dash、filledDiamond、filledCircle、filledSquare default : filledCircle
            lineWidth //눈금선 두깨 default : 2
            size //눈금크기 default : 9
            color //눈금색 default : 그래프 라인색과 같음
            shadow // 눈금그림자 표시여부 default : true
            shadowAngle //눈금그림자 각도, x축에서 시계방향 default : 45
            shadowOffset //눈금과 눈금그림자의 간격 default : 1
            shadowDepth //눈금 그림자의 길이 default : 1
            shadowAlpha //눈금 그림자의 불투명도 default : 0.07

      legend
      //범례에 관한 옵션
            show //범례표시여부 default : true
            placement //범례표시영역 insideGrid,outsideGrid,outside
            location //범례표시위치지정 n,e,s,w,nw,ne,se,sw
            xoffset //x축, x2축에서 범례 영역까지의 거리
            yoffset //y축, y2축에서 범례 영역까지의 거리

      stackSeries

광고 : https://play.google.com/store/apps/details?id=com.ljo.blocktube

이게불낙이야! - 광고차단 - Google Play 앱