EXTJS 차트에 맞춤 구성 요소 추가하기

Question

범례를 표시하거나 숨기려면 ExtJS 4 차트 영역에 작은 버튼을 추가해야합니다. 캔버스 외부의 추가 패널이 아닌 차트 캔버스에 직접 있어야합니다.

Answer 1

특별히 할 필요는 없지만 비슷한 것을해야했습니다.

차트 캔버스에 ExtJS 버튼을 추가 할 수없는 이유는 캔버스 자체의 모든 것이 그려진 구성 요소 여야하기 때문입니다. 나는 당신이 당신 자신의 버튼을 그릴 수 있다고 생각한다. ...

그러나 텍스트 스프라이트 "Show Legend"를 추가하고 그것들을 buttonish처럼 보이게하는 청취자를주는 것은 쉽다. 내장 범례는 클릭을 처리합니다). 나는. 마우스로 가리키면 굵게 표시되며 클릭하면 범례를 표시하거나 숨길 수 있습니다.

내 다른 코드가없는 그러나 이것은 당신에게 거친 아이디어를 제공해야합니다 :

var chart = Ext.create('Ext.chart.Chart', { 
    style: 'background:#fff', 
    theme: 'MyTheme', 
    // other configs like axes and series... 
    items: [{ 
     type: 'text', // i.e. a text sprite 
     text: 'Show Legend', 
     font: '14px Arial', 
     x: 300, // left location 
     y: 10, // top location 
     listeners: { 
      mouseover: function() { 
       // make "Show Legend" bold 
      }, 
      mousedown: function() { 
       chart.legend = true; 
       chart.redraw(); 
      } 
     } 
    }] 
});