2012-03-07 47 views
1

私のJSONは、私は、チャートが正しくレンダリングが、x軸の値がされてカスタムx軸ラベルとツールチップ

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); 

、データストアを作成し、グラフに追加するこの

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

のように見えますはデフォルトになります(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は、各値に対して「ツールチップ」属性を持つ必要があります。ドゥーエはこれを使用してツールチップを埋め込みます

関連する問題