On Thu, Jan 30, 2014 at 1:43 PM, Peter Ent <p...@adobe.com> wrote:
> I've pushed changes that should have the BarChart example working for both
> AS and JS. There is an issue with the axis appearing below the chart that
> causes the chart area (the dataGroup) to be larger than the chart space.
> This is an issue with getting the HTML/CSS right and any help/advice or
> changes are welcome.
>
>
I figured out a fix by modifying the css in BarChart.js from the
bin/js-debug. But this class gets cross-compiled from BarChart.as. How
would I BarChart's css styles from the AS code?
My fix involves adding this to BarChart.js:
/**
* @override
*/
org.apache.flex.core.ListBase.prototype.createElement = function() {
this.element = document.createElement('div');
this.element.style.overflow = 'visible';
this.positioner = this.element;
return this.element;
};
Is this possible?
> --peter
>
> On 1/30/14 1:43 PM, "Peter Ent" <p...@adobe.com> wrote:
>
> >I have the BarChart example working in both AS and JS. The AS worked right
> >away but I discovered an issue with sizing the NonVirtualDataGroup in
> >JavaScript. Or rather, the lack of sizing it. I am tracking that down now.
> >There are places in FlexJS where I don't have the size calculation quite
> >right or the function to calculate sizes isn't being called at the right
> >time, so I have some work to do on smoothing that out and making it
> >consistent.
> >
> >I want to get the dataGroup size calculation in the right place for the
> >charts and then I'll check in the changed files.
> >
> >--peter
> >
> >On 1/29/14 6:29 PM, "Alex Harui" <aha...@adobe.com> wrote:
> >
> >>OK, things appear to be compiling and running again on the AS side. Make
> >>sure the BarChartExample works and you think it should.
> >>
> >>Thanks
> >>-Alex
> >>
> >>On 1/29/14 2:12 PM, "Alex Harui" <aha...@adobe.com> wrote:
> >>
> >>>It is stale because it was using the custom bar chart and not the one I
> >>>moved to FLexJSJX. I have it updated locally but there is a problem now
> >>>because we're trying to use the Ifactory code gen in the compiler and it
> >>>isn't working right.
> >>>
> >>>-Alex
> >>>
> >>>On 1/29/14 1:49 PM, "Peter Ent" <p...@adobe.com> wrote:
> >>>
> >>>>I wonder why it is stale? I'll take a look as well since it will help
> >>>>me
> >>>>remember and help with any JS issues.
> >>>>
> >>>>-peter
> >>>>
> >>>>On 1/29/14 4:07 PM, "Alex Harui" <aha...@adobe.com> wrote:
> >>>>
> >>>>>I just discovered that the BarChartExample is stale. It isn't using
> >>>>>the
> >>>>>BarChart now checked into FlexJSJX. I'm going to try to get it to
> >>>>>compile
> >>>>>and run in AS and then maybe Peter will have time to look at the JS
> >>>>>side.
> >>>>>
> >>>>>-Alex
> >>>>>
> >>>>>On 1/29/14 11:59 AM, "Peter Ent" <p...@adobe.com> wrote:
> >>>>>
> >>>>>>Please feel free to make adjustments. I have to admit that the
> >>>>>>particulars
> >>>>>>of CSS escape me sometimes.
> >>>>>>
> >>>>>>Thanks for your help and checking this out.
> >>>>>>
> >>>>>>Peter
> >>>>>>
> >>>>>>On 1/29/14 2:40 PM, "OmPrakash Muppirala" <bigosma...@gmail.com>
> >>>>>>wrote:
> >>>>>>
> >>>>>>>When I compile and run the BarChartExample, in the JS version, this
> >>>>>>>is
> >>>>>>>what
> >>>>>>>I am seeing (swf works fine)
> >>>>>>>
> >>>>>>>http://jsfiddle.net/cvLqE/
> >>>>>>>
> >>>>>>>Once I tweak the output html like this
> >>>>>>>
> >>>>>>>http://jsfiddle.net/52uaL/2/
> >>>>>>>
> >>>>>>>i.e. remove the position: absolute style attribute of 'barChart'
> >>>>>>>div,
> >>>>>>>the
> >>>>>>>bars show up, but are off a bit to the left and top.
> >>>>>>>
> >>>>>>>Before I continue to investigate this, Peter, is this a known issue
> >>>>>>>that
> >>>>>>>you are planning on fixing? I am seeing this issue on both Firefox
> >>>>>>>and
> >>>>>>>Chrome on Windows.
> >>>>>>>
> >>>>>>>Thanks,
> >>>>>>>Om
> >>>>>>>
> >>>>>>>
> >>>>>>>On Tue, Dec 17, 2013 at 12:49 PM, Peter Ent <p...@adobe.com> wrote:
> >>>>>>>
> >>>>>>>> Hi,
> >>>>>>>>
> >>>>>>>> I've added a simple BarChart component to the ActionScript FlexJS
> >>>>>>>>SDK;
> >>>>>>>>it
> >>>>>>>> is modeled on the MX Charts package. I also included an example of
> >>>>>>>>using
> >>>>>>>> it, located in the FlexJS examples directory.
> >>>>>>>>
> >>>>>>>> I developed the BarChart in ActionScript but it can be
> >>>>>>>>cross-compiled
> >>>>>>>>into
> >>>>>>>> JavaScript and produces the same chart. The BarChartExample has
> >>>>>>>>the
> >>>>>>>>sources
> >>>>>>>> in the project so that you can compile it for either ActionScript
> >>>>>>>>or
> >>>>>>>> JavaScript. I've included a README in that project with more
> >>>>>>>>information.
> >>>>>>>>
> >>>>>>>> The intent, as with the DataGrid, is to develop more complex
> >>>>>>>>components
> >>>>>>>>in
> >>>>>>>> ActionScript and cross-compile them into JavaScript, saving a lot
> >>>>>>>>of
> >>>>>>>>time.
> >>>>>>>> While doing this project I had to hand-craft a JavaScript
> >>>>>>>>component
> >>>>>>>>to
> >>>>>>>> display the bars since the ActionScript version relies on the
> >>>>>>>>Flash
> >>>>>>>> Player's Shape class and that is not available in HTML. I think
> >>>>>>>>this
> >>>>>>>>really
> >>>>>>>> illustrates the potential of FlexJS where you can have a good set
> >>>>>>>>of
> >>>>>>>> fundamental components that are environment specific (e.g.,
> >>>>>>>>Button,
> >>>>>>>>Label,
> >>>>>>>> and TextInput) which must be crafted for all environments, but
> >>>>>>>>complex
> >>>>>>>> components can be written in ActionScript and just cross-compiled
> >>>>>>>>into
> >>>>>>>> JavaScript.
> >>>>>>>>
> >>>>>>>> My next task is add some simple axis labeling.
> >>>>>>>>
> >>>>>>>> Regards,
> >>>>>>>> Peter Ent
> >>>>>>>> Adobe Systems
> >>>>>>>>
> >>>>>>
> >>>>>
> >>>>
> >>>
> >>
> >
>
>
