Transparent marker/circles?

Board index » YUI 3.x: » Using YUI 3.x Components

Page 1 of 1

[ 2 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

pentium10

Joined: Mon Jan 24, 2011 7:28 am
Posts: 32

Tags:

transparent

Transparent marker/circles?

Posted: Fri May 18, 2012 5:13 am

+0-

I have a chart placed here (warning lots of data, slow loading time)

I need to make some of the buckets to be transparent as they are not visible enough.
How to do that? Do you have some other idea?

http://jsfiddle.net/pentium10/3yAZT/1/

Tripp Bridges

YUI Developer

Username: tripp
Joined: Wed Jan 07, 2009 1:54 pm
Posts: 440
GitHub: tripp
Gists: tripp

Re: Transparent marker/circles?

Posted: Fri May 18, 2012 9:53 am

+0-

You can update your series styles to specify alpha values for the marker borders and fills.

Code:

var styleDef = {
    series: {
        bucket1: {
            line: {

                weight: 5
            },
            marker: {
                fill: {
                    alpha:0.3
                },
                border: {
                    weight: 1,
                    alpha: 0.4
                },
                width: 7,
                height: 7
            }
        },
        bucket2: {
            line: {

                weight: 10
            },
            marker: {
                fill: {
                    alpha: 0.3
                },
                border: {
                    weight: 2,
                    alpha: 0.4

                },
                width:14,
                height: 14
            }
        }
    }
};

Thanks,
Tripp

Page 1 of 1

[ 2 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum