2

私は現在 ExtJs5 MVVM アーキテクチャを使用しており、app.json ファイルで「ext-chart」よりも「sencha-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 が「ツールチップ」になるための小さな変更「ヒント」が 1 つ必要です。

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') + '%');
}    
}

inplaceとtooltipinplace ofを使用しましたが、うまくいきました。tipsthis.setHtml()this.setTitle()

于 2015-02-12T07:37:27.620 に答える