Scale bubble in chart

Question

I have the following code modified from the kendoui demo

I am trying to scale the size of the bubble on mouseover and back to original size on mouse out however I am getting a trace of the border of the circle.

I am using kendoui to draw the chart and jquery svg to animate the svg elements.

Thanks for any help.

score 1 · Accepted Answer · answered Dec 11 '12 at 07:26

The border is added as part of the bubble highlight state. This appears to be undocumented, but you can control the highlight border via an option:

{
    type: "bubble",
    highlight: {
        border: {
            width: 0
        }
    },
    ...
}

See it in action in the updated JSBin.

I'll add this to the Kendo UI Docs repository.

Scale bubble in chart

1 Answers1