Next
Update
Prev
Default

You can set the style of bubble in the bubble chart using the <fill> and <stroke> element tags. The following sample layout shows how to define <LinearGradient> and <GradientEntry> element tags in the <fill> element tag to fill color in the bubble and set the transparency of the color.

...
  <series>
    <Bubble3DSeries displayName="A Dept." xField="A_Profit" yField="A_Cost" radiusField="A_Revenue">
      <fill>
        <LinearGradient>
          <entries>
            <GradientEntry color="#ff812d" ratio="1" alpha="0.5"/>
          </entries>
        </LinearGradient>
      </fill>
      
      <stroke>
        <Stroke color="#ff812d"/>
      </stroke>
    ...
    </Bubble3DSeries>
    ...    
  </series>    
...

<GradientEntry>

color The color attribute determines the fill color. The default value is "0x000000".
ratio The ratio attribute determines the percentage of the current <GradientEntry> element. The valid range is "0" ~ "1". If only one <GradientEntry> is defined in the <LinearGradient>, then the gradient effect will not be applied. As only one <GradientEntry> is defined in the above sample chart, the solid color ("#ff812d") is filled in the bubble. The usage example of the <GradientEntry> element tag is as follows:
<fill>
  <LinearGradient>
    <entries>
      <GradientEntry color="0xC5C551" ratio="0.00" alpha="0.5"/>
      <GradientEntry color="0xFEFE24" ratio="0.34" alpha="0.5"/>
      <GradientEntry color="0xECEC21" ratio="0.66" alpha="0.5"/>
    </entries>
  </LinearGradient>
</fill>
alpha The alpha attribute is used to set the transparency of the color. The valid range is "0" ~ "1".

© 2017 KoolChart. All rights reserved.