2012-03-07 2 views
1

내 JSON, 나는 데이터 스토어와 차트에 추가를 만들이사용자 정의 X 축 레이블과 툴팁

var jStore = { 
    " identifier": "cpu", 
    "items": [ 
     { 
      "Time": "02:52", 
      "Used": 100, 
      "Idle": 0 
     }, 
     { 
      "Time": "02:57", 
      "Used": 100, 
      "Idle": 0 
     }.... 
] 
}; 

처럼

var realStore = new dojo.data.ItemFileReadStore({data: jStore}); 
var Ser = new dojox.charting.DataSeries(realStore, {query: {Idle: "*"}  }, "Idle"); 
var Ser1 = new dojox.charting.DataSeries(realStore, {query: {Used: "*"}  }, "Used"); 

chart.addAxis("x"); 
chart.addAxis("y", { vertical: true, fixLower: "major", fixUpper: "major" }); 

      chart.addSeries("Used ",Ser); 
       chart.addSeries("Idle",Ser1); 
차트가 제대로 렌더링되는

하지만 X- 축 값을 찾습니다 (1,2,3 ..) 기본값입니다. 하지만 내 json에서 시간으로 축 값을 제공해야합니다. Xaxis는 다음과 같아야합니다. 02 : 52,02 : 54,02 : 56

또한 툴팁에는 시리즈에 부여한 값만 표시됩니다. 하지만 값 + xaxis 값을 추가하고 싶습니다. 02:54에 예를 들어 100이라고 말하십시오. 누군가 나를 도와 줄 수 있습니까? 다음과 같이

답변

2

각 값에 대한 사용자 정의 레이블을 지정할 수 있습니다 다음과 같이

mychart.addAxis("x", {fixLower: "minor", fixUpper: "minor", natural: false, 
           font: "normal normal 10pt Arial", 
           labels: [{value: 1, text: "Q2 FY11"}, 
              {value: 2, text: "Q3 FY11"}, 
             {value: 3, text: "Q4 FY11"}, 
             {value: 4, text: "Q1 FY12"}] 
           }); 

또한 사용자 지정 도구 설명 텍스트를 지정할 수 있습니다 : 귀하의 경우

mychart.addSeries("Series A", [{ y: 2.3, tooltip: "FFFF"}, { y: 3.5, tooltip: "GGGG"}]); 

을 당신이 저장소를 사용되기 때문에, 상점에 피드를 제공하는 JSON은 각 값에 대한 "툴팁"속성을 가져야합니다. dojo는이를 사용하여 툴팁을 채 웁니다.