2016-07-19 6 views
4

10 년 범위의 날짜 x 눈금 차트를 만듭니다. 축척 단계가 "연도"로 설정되고 최소 및 최대를 설정합니다. 차트는 훌륭하게 렌더링되지만 진드기, 안내선 및 레이블은 눈금의 범위를 넘어 매년 연말 종료일에 표시되고 최소 틱에서 시작하여 틱 당 1 년씩 "스테핑"합니다. 이것을 구성하는 방법이 있습니까?Zingchart 날짜 눈금 - x 연말 날짜의 눈금 및 안내선

다음은 차트 정의의 예입니다.

var chartData = { "type":"line", 
        "utc":true, 
        "timezone":0, 
        "scale-x":{ "min-value":1153180800000, 
           "max-value":1470441600000, 
           "step":"year", 
           "transform":{ "type":"date", 
              "all":"%m/%d/%y" }, 
           "guide":{ "visible":true, 
             "line-color":"#666666", 
             "line-style":"solid", 
             "line-width":1, 
             "alpha":0.5 }, 
           "item":{ "font-size":12 } }, 
        "scale-y":{ "placement":"default", 
           "format":"%v", 
           "values":"1.00:14.00:2.6", 
           "item":{ "font-size":12 } }, 
        "series":[ { "type":"line", 
           "scales":"scale-x,scale-y", 
           "marker":{ "type":"none" }, 
           "values":[ [1159574400000,10.67],[1167523200000,11.06],[1175299200000,11],[1183161600000,11.2],[1191110400000,10.86],[1199059200000,11.2],[1206921600000,12.01],[1214784000000,12.93],[1222732800000,9.38],[1230681600000,6.27],[1238457600000,3.68],[1246320000000,2.8],[1254268800000,7.15],[1262217600000,9.35],[1269993600000,11.45],[1277856000000,11.51],[1285804800000,10.7],[1293753600000,11.05],[1301529600000,10.87],[1309392000000,10.09],[1317340800000,8.73],[1325289600000,7.4],[1333152000000,7.27],[1341014400000,6.83],[1348963200000,8.01],[1356912000000,6.71],[1364688000000,6.45],[1372550400000,7.01],[1380499200000,6.87],[1388448000000,8.59],[1396224000000,8.46],[1404086400000,8.8],[1412035200000,8.27],[1419984000000,7.73],[1427760000000,7.62],[1435622400000,7.03],[1443571200000,6.74],[1451520000000,4.81] ] } ] }; 

답변

4

이게 당신이 원하는 것입니까? http://demos.zingchart.com/view/TJC35HUK이 가이드를 스케일 라벨을 강제하고, 보여 틱하려면 "규모-X"개체에 다음을 추가 할 수 있습니다 :

  • "항목 오버랩": // 사실은 강제 스케일 항목을
  • "최대-항목"표시 : 11 //은 같이 규모 항목의 최대 수는

는 "최대-항목"때문에 같이 규모의 항목 수 (실제 항상이 아닌) 최대 값을 결정하는 설정하면 때로는 글꼴 크기 (10로 낮 췄음)와 레이블 형식 (예 : 월과 연도 (% m/% y) 만 표시 할 수 있음)으로 놀 필요가 있습니다 도구 설명이나 십자 표시를 통해 날짜를 표시). 여기에 비늘, 툴팁 및 십자 기호에 대한 시계열 서식에 대한 자세한 정보가 있습니다. https://www.zingchart.com/docs/basic-elements/zingchart-tokens/#time-series-tokens

도움이 될 경우 알려 주시기 바랍니다. 저는 ZingChart 팀원이며 더 많은 질문에 행복하게 답변합니다.

+0

내가 원하는 것에 가깝지만, 연말 연시에 진드기, 가이드 및 라벨이 필요합니다. 그래서 2006 년 12 월 31 일, 12/31/2007, 12/31/2008 등. 동일한 최소/최대 날짜를 강제하는 방법이 있습니까? – Ryan

+1

없습니다. 내 제안은 12/31/05 및 12/31/15를 최대/최소로 설정 한 다음 비율 표시 자 (https://www.zingchart.com/docs/basic-elements/configure-chart-scales)를 사용하는 것입니다./# scale-elements-scale-markers) 또는 혼합 차트 유형 (https://www.zingchart.com/docs/chart-types/mixed-charts/)을 사용하여 원래의 최소/최대 날짜를 강조하십시오. (사용하는 것은 원래의 최소/최대 날짜의 목적에 따라 달라집니다.) 여기에 업데이트 된 데모를 첨부했습니다. http://demos.zingchart.com/view/Q97TLY85 – Elizabeth