自定义X轴标签和工具提示在道场图表

的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。有人可以帮我解决这个问题。

来源

2012-03-07 user721476

如下您可以指定每个值自定义标签：

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将使用该属性填充工具提示

来源

2012-04-01 21:45:26

自定义X轴标签和工具提示在道场图表

回答

相关问题