2011-07-08 108 views
0

我無法爲type:'Lines'圖表添加自定義工具提示,就像我爲clusturedbar和餅圖所做的那樣。 這是我使用的代碼..如何爲折線圖添加自定義工具提示 - DOJO

makeCharts = function(){ 

    var chart1 = new dojox.charting.Chart2D("simplechart"); 
    chart1.addPlot("default",{ 
       type: 'Lines', 
       markers: true, 
       tension: 'S', 
       lines: true, 
       areas: false, 
       labelOffset: -30, 
       labels:true, 
       shadows: { dx:10, dy:12, dw:12 } 
    }); 
    chart1.addAxis("x"); 
    chart1.addAxis("y", {vertical: true}); 
    chart1.addSeries("Series 1", [{y:1, tooltip:'bla bla'}, 
              {y:2, tooltip:'bla bla'}, 
              {y:2, tooltip:'bla bla'}, 
              {y:3, tooltip:'bla bla'}, 
              {y:4, tooltip:'bla bla'}, 
              {y:5, tooltip:'bla bla'}, 
              {y:5, tooltip:'bla bla'}, 
              {y:7, tooltip:'bla bla'}] 
      ); 
    new dojox.charting.action2d.Magnify(chart1, 'default'); 
     new dojox.charting.action2d.Tooltip(chart1, 'default'); 
    chart1.render(); 
}; 

dojo.addOnLoad(makeCharts); 

注:如果我使用在add系列({y:1, tooltip:'blabla'})的JSON符號,甚至圖表沒出現。圖表只是當我給addseries('series 1', [1,2,2,3,4,5,5,6]); 任何人都可以告訴我什麼是我的代碼中得到自定義工具提示的錯誤?

在此先感謝!

回答

3

我正在嘗試爲Dojo折線圖執行此操作 - 必須更改爲x,y圖表,因爲它似乎只有一行數字。這個例子幫助我 - http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/charting/tests/test_event2d.html

X的數組:和Y:和工具提示:工作

{x: 1, y: 2, tooltip: "hello"}, {...} 

如果你像我一樣想令X爲一組日期或其他非數字標記,然後只需添加 - >

chart1.addAxis("x", { 
labels: [ 
    {value: 0, text: "20110901"}, 
    {value: 1, text: "20110902"}, 
    {value: 2, text: "20110903"}, 
    ... etc 
], 
rotation: 90}) 
相關問題