configuring point attributes in jquery

[papa.stiff]

 Hi,

I am using jquery in setting up my jchartfx chart. I have an intention of configuring the display properties (shape, color, etc.) of a specific point in a multiple series chart. The examples I found so far are for pure JS implementation,. Can you show me how to do that in jquery? e.g. how do you declare an instance of a pointAttribute class in jquery?

I appreciate any tips.

Thanks,

 papa.stiff

[JuanC]

You can configure per-point attributes using our jQuery UI as follows

var points = $("div", ".demo2").chart("getPoints");

var pointAttr = new cfx.PointAttributes();

// Use this if you are NOT using jChartFX CSS

// pointAttr.setColor("#00FF40");

// Use this if you are using jChartFX CSS and make sure there is an entry

// in your CSS for this tag

// pointAttr.setTag("SpecialPoint");

points.setItem(0, 4, pointAttr);

 

Please note that whenever you want to access one of our complex properties, e.g. a property that represents a collection such as Points you get the collection as a method and then use a very similar code that you would use against a pure JS implementation.

JuanC 

[papa.stiff]

 Thanks. worked well. I would have thought though that there was a way to do that within the chart declaration? like:

 $("div", ".demo2").chart({

                animations: {
                    load: {
                        enabled: true
                    },
                },
                gallery: cfx.Gallery.Lines,
                data: {
                    series: 3
                },
                axisY: {
                    min: 0,
                    max: 10,
                   
                }, ........

                point attribute manipulation code somewhere here...

 });

Cheers,

 

papa.stiff