2

我目前使用 ExtJs5 MVVM 架构，我在 app.json 文件上需要“sencha-chart”而不是“ext-chart”，图表工作正常，但在我使用的条形系列上添加工具提示不起作用。没有错误日志。

我还检查了他们在 sencha chart kitchensink 上的示例（哪个图表工具提示正在工作），发现他们需要“ext-chart”。我的带有工具提示配置的条形系列代码：

series: [{
     type: 'bar',
     xField: 'name',
     yField: ['data1'],
         style: {
                opacity: 0.80
        },
        highlight: {
                fill: '#000',
                'stroke-width': 20,
                stroke: '#fff'
        },
        tips: {
                trackMouse: true,
                style: 'background: #FFF',
                height: 20,
                renderer: function(storeItem, item) {
                    this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + '%');
                }


                }

    }]

我的代码有问题吗？

谢谢

4

2 回答 2

3

你的代码需要一点小改动，让 EXTjs 5 的“提示”变成“工具提示”。

tooltip: {
    trackMouse: true,
    style: 'background: #FFF',
    height: 20,
    renderer: function(storeItem, item) {
         this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + '%');
    }
}

但是，EXTjs 5 图表有很多错误。我遇到了同样的问题，并向 Sencha 提交了一个错误：

http://www.sencha.com/forum/showthread.php?289313-Sencha-EXTjs-5-Charts-Broken-Tooltips

于 2014-07-29T13:47:40.777 回答
1 
tooltip: {
trackMouse: true,
style: 'background: #FFF',
height: 20,
renderer: function(storeItem, item) {
     this.setHtml(storeItem.get('name') + ': ' + storeItem.get('data1') + '%');
}    
}

我使用了tooltip代替tips和this.setHtml()代替this.setTitle()，它对我有用。

于 2015-02-12T07:37:27.620 回答