플렉스 차트로 그리기

플렉스로 꺾은 선형 차트를 만들었으며 예상대로 작동합니다. 이제 특정 정보를 배경으로 음영을 추가하고 싶습니다. 예를 들어,이 차트 (http://research.stlouisfed.org/fred2/graph/?id=TOTALSL,TOTALNS)는 경기 침체에 대한 음영 처리 된 배경을 보여줍니다. Flex 선형 차트에서이 음영을 어떻게 모방합니까?플렉스 차트로 그리기

감사합니다.

출처

2011-08-04 toneb

그리기 API를 사용하여 차트의 배경에 그릴 수 있습니다.

이 편집 : 나는 웹 코드 예제의 잘 모릅니다

, 난 단지 (:(죄송 일명 나는 그것을 공유하지 못할) 당신이 컨테이너를 만들 것입니다 생산 코드에 그것을 한 적이과 차트

<mx:backgroundElements>

당신이 용기에 아마 별도의 속성 및 강조 표시된 섹션을 표시 할 때 설명의 dataProvider로 x 축에 대한 최소 및 최대를 통과해야에 넣어. 당신은 분을 계산해야 할 수도 있습니다 및 차트에 전달하는 데이터 제공자를 기준으로 한 최대 값

강조 표시된 영역 만 표시하려는 경우 드로잉 API를 사용하고 컨테이너의 최소, 최대, 너비 및 데이터 포인트 (시작 및 종료 값)에 따라 X 축을 배치 할 위치를 계산합니다 데이터 제공자. 그것은 당신의 updateDisplayList에 다음과 같이 표시됩니다

// code is not tested but a good start 

var shadeStartX:Number = (max-min)/startPoint; 
var shadeEndX:Number = (max-min)/endPoint; 
var shadeWidth:Number = shadeEndX - shadeStartX; 

... 

this.graphics.drawRect(shadeStartX, 0, shadeWidth, unscaledHeight);

을하지만 당신은 컨테이너에 가져가 상태 나는 당신이 폭을 통과하는 표시 객체를 생성 제안 모든 선 (善) 같은 것들과 추가 것을 갖고 싶어하는 경우 계산 된 x 축에서 설정합니다.

출처

2011-08-04 17:24:45 asawilliams

안녕 asawilliams. 귀하의 회신에 감사드립니다. 나는 약간의 그림이 필요할지도 모른다라고 생각했다. 내가 제공 한 링크에 표시된대로 x 축의 날짜에 해당하는 배경 그리기를 어떻게 묶을 수 있습니까? 이것을 보여주는 일반적인 차트 예제가 있습니까? 그것은 크게 도움이 될 것입니다. 감사! – toneb

감사! 그것은 올바른 방향으로 나를 가리키는 것처럼 보입니다. 내가 그것을 사용해 보자. – toneb

고마워요, 나는이 일을 정말로 시작하는데 많은 도움이 된 http://demo.quietlyscheming.com/overlayDemo/index.html을 발견했습니다. 그러나 에 대한 귀하의 의견은 마무리 작업을 추가했습니다! – toneb

안녕하세요 저는 뭔가 직접 그리는 것이 올바른 방법이 아니라고 생각합니다. 이상적으로는 LineChart 내에서 PlotSeries를 사용하고 시리즈의 각 요소에 대해 사용자 정의 항목 렌더러를 작성해야합니다.

PlotSeries를 사용하면 차트의 특정 날짜/지점에서 그리기위한 사용자 지정 이미지/개체를 지정할 수 있습니다.

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/charts/series/PlotSeries.html

http://livedocs.adobe.com/flex/3/html/help.html?content=charts_types_10.html

는 모든 예제는 작은 물체로의 PlotSeries을 보여하지만 당신은 수직 차트를 포함하고 일정한 폭을 가진 개체를 만들 수 있습니다.

출처

2011-08-05 04:39:16 Neeraj

플렉스 차트로 그리기

답변

관련 문제