mvvm - EXTJS 5图表工具提示在require []上使用 “sencha-charts”不起作用

Question

我目前正在使用ExtJs5 MVVM体系结构，并且我在app.json文件上要求使用“sencha-chart”而不是“ext-chart”，Charts可以正常工作，但是在使用bar的bar系列上添加工具提示无效。没有错误日志。

我还在sencha图表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') + '%');
                }


                }

    }]

我的代码有问题吗？

谢谢

Answer 1

您的代码需要进行一些小的更改，“技巧”才能使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