On Jan 30, 2014 5:36 PM, "OmPrakash Muppirala" <bigosma...@gmail.com> wrote:
>
> 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
> */
>
It should rather be:
org.apache.flex.charts.BarChart.prototype.createElement
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
>> >>>>>>>>
>> >>>>>>
>> >>>>>
>> >>>>
>> >>>
>> >>
>> >
>>
>
