如何为折线图添加自定义工具提示 - DOJO

时间:2011-07-08 01:58:20

标签: dojox.charting

我无法为type:'Lines'图表添加自定义工具提示,就像我为clusturedbar和饼图所做的那样。 这是我正在使用的代码..

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

注意:如果我在添加系列({y:1, tooltip:'blabla'})中使用json表示法,则偶数图表不会显示。只有当我提供addseries('series 1', [1,2,2,3,4,5,5,6]);时,图表才会出现 任何人都可以告诉我我的代码中有什么错误来获取自定义工具提示吗?

提前致谢!

1 个答案:

答案 0 :(得分: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})