2014-07-23 8 views
2

현재 ExtJs5 MVVM 아키텍처를 사용하고 있으며 app.json 파일의 "ext- chart"보다 "sencha-chart"가 필요합니다. 차트는 정상적으로 작동하지만 메신저 모음에 툴팁을 추가하면 사용할 수 없습니다. 오류 로그가 없습니다.EXTJS 5 차트 도구 팁 require []가 작동하지 않는 경우 "sencha-charts"사용

나는 또한 차트 차트 kitchenchink (차트 차트 툴팁이 작동 중임)에서 예제를 통해 "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') + '%'); 
       } 


       } 

    }] 

내 코드에 이상이 있습니까?

감사

답변

3

코드는 5가된다 ExtJS에 대해 하나의 작은 변화 "팁"필요 "툴팁."

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

그러나 EXTjs 5 차트에는 많은 버그가 있습니다. 나는이 같은 문제가 있고, 엽차에 버그를 제출 :

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

+0

예, 이미 받았습니다. 조쉬 고마워. 또한이 구성 "상호 작용"을 추가해야한다고 생각합니다. 예를 들어 작동시키기 위해 'itemhighlight'. – starTreyk

+0

안녕하세요 조쉬, 상호 작용 구성을 추가하려고합니다. 그것을 포함 시키려고 노력하고 그것은 작동합니다. – starTreyk

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

내가 this.setTitle() 대신에 tipsthis.setHtml()tooltip 인플레 이스를 사용하고, 나를 위해 일했다.