RGraph update

Programming , Web , Javascript , HTML5
18th November 2008

[Direct URL for this article]

I've just released a new version of RGraph. Some more notable improvements and additions include:

• Gantt charts
• Added stepped line chart
• Added a Registry object for easier internal configuration
• Added a minifiction script
• Line chart now has much better shadows

0 Comments...

The new Ferrari 430 Scuderia

Misc
13th November 2008

[Direct URL for this article]

Mmmmmmmm... [wipes drool from his chin] It looks fan-bloody-tasic. [link] It's a flash site so I can't link directly to it, it seems. Sorry.
0 Comments...

Updated ModalDialog

Programming , Web , Javascript
10th November 2008

[Direct URL for this article]

I've cleaned up the ModalDialog page, so it's better presented and there's (a little) more documentation. You can see it here.
0 Comments...

CSS3 and the new opacity property (transparency)

Programming , Web , HTML5
9th November 2008

[Direct URL for this article]

At first I thought this was a Firefox thang. And indeed it was, formerly being called -moz-opacity. But now it's called just "opacity" and is part of CSS3. Browser support? Firefox, Chrome, Opera and Safari. Not Interweb Explorer (surprise), but it can be achieved with DirectX, which can be applied in a stylesheet. So something like this:

<style type="text/css">
<!--
    .transparent {
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
// -->
<style>


Fully opaque is 1 - you can't see through it. And fully transparent is 0. For shadows, you'll probably want something in between.

rgba()

The rgba() colour definition can also be used to define the opacity of a single element (like a regular colour definition, it is not inherited by child elements. The opacity property is). Eg:

background-color: rgba(128,128,128,0.5);

Opera (9.6) does not appear to support the rgba() method. Firefox, Safari and Chrome do though.

Rounded corners on boxes

Firefox, Safari and Chrome all support curvy corners on boxes, so I've added this in as well. It's very simple in that it's just a few CSS properties. Because of this, it degrades nicely too for browsers that don't support it - Opera and (probably) MSIE. With MSIE, there might be a DirectX thang that does the same.

An aside...

As an aside, does anyone else write CSS and Javascript blocks as I do (ie encased in a HTML comment) ? ISTR reading something about it being handy to hide it from non-compliant browsers. But that was years ago. Still relevant?
2 Comments...

Another release of RGraph

Programming , Web , Javascript , HTML5
1st November 2008

[Direct URL for this article]

Only about a week after the last, I've just released a new version of RGraph. This one includes optional tooltips for the line graph and bar chart. Oh and a drop shadow for the pie chart. Ooh. There are other changes too, but they're the most exciting. (?)
0 Comments...

New Google group for RGraph

Programming , Web , Javascript , HTML5
31st October 2008

[Direct URL for this article]

I've just set up a Google group for RGraph support. A mailing list if you like, since you can have the posts emailed to you. If you're interested, it's here.
0 Comments...

New release of RGraph

Programming , Web , Javascript , HTML5
24th October 2008

[Direct URL for this article]

I've just made a new beta release of RGraph available. This release adds lots of things, including animation (to the bar graph at least) and drop shadows. There are many fixes and improvements though; the main ones are documented in the deceptively named TODO.txt file.

I've also been thinking about how to implement clickable ares on the graphs and I think it should be doable. Probably. One possible use of this is being able to click a bar (for example) and to get something popup with further detail.
0 Comments...