1

我正在尝试将工具提示添加到我的 ExtJS 图表中。工具提示正在呈现，但不在鼠标指针下方。它在页面末尾附近呈现。

Ext.create('Ext.chart.Chart', {
 renderTo: Ext.getBody(),
 width: 470,
 height: 300,
    store: store,
 axes: [{
                type: 'Numeric',
                minimum: 0,
                minorTickSteps: 0,
                maximum: 150,
                position: 'left',
                fields: ['lineY', 'greenY', 'yellowY', 'redY'],
                title: 'Buffer Penetration'

            }, {
                type: 'Numeric',
                position: 'bottom',
                fields: ['lineX', 'areaX'],
                title: 'Critical Chain Comp'
            }],
 series: [
            {
                type: 'area',
                axis: 'left',
                xField: 'areaX',
                yField: ['redY']

            },

             {
                 type: 'area',
                 axis: 'left',
                 xField: 'areaX',
                 yField: ['yellowY']

             },
             {
                 type: 'area',
                 axis: 'left',
                 xField: 'areaX',
                 yField: ['greenY']

             },

            {
                type: 'line',
                axis: 'left',
                fill: false,
                // tip: 'This is a tip',
                xField: 'lineX',
                yField: 'lineY',
                tips: {
                    trackMouse: true,
                    width: 140,
                    height: 28,
                    renderer: function (storeItem, item) {
                        // calculate and display percentage on hover

                        this.setTitle("Tooltip Text");
                    }
                }

            }
           ]
  });

我在这里有我的代码：http: //jsfiddle.net/Abhishek1191/vdazU/1076/

我觉得我在这里做了一些愚蠢的事情，或者我正在使用的 ExtJS 库可能存在一些问题。帮助将不胜感激

4

0 回答 0