Sign in to follow this  
a_goodgirl

Divisional Lines & Grids

Recommended Posts

Hello!

There are 2 chart type of Line:

first

<chart formatNumberScale="0" legendBorderAlpha="0" showPrintMenuItem="1" numberSuffix="%" 
divLineThickness="1" bgColor="ffffff" thousandSeparator=" " alternateHGridAlpha="20" 
canvasbgColor="ffffff" anchorAlpha="0" animation="0" alternateHGridColor="687e3c" 
aboutMenuItemLink="n-http://www.contourcomponents.ru" vDivlineDashGap="7" showShadow="0" 
showAlternateHGridColor="1" toolTipSepChar=": " formatNumber="1" showYAxisValues="1" 
forceDecimals="1" numVDivLines="7" divLineColor="c0504d" legendBgColor="ffffff" 
showLabels="1" legendScrollBgColor="ffffff" lineThickness="2" alternateVGridColor="337a85" 
xAxisName="Месяц" vDivlineColor="8064a2" divLineDashGap="10" divLineIsDashed="1" aboutMenuItemLabel="About Contour BI" 
legendPosition="RIGHT" vDivlineDashLen="11" alternateVGridAlpha="20" dashed="1" 
vDivlineThickness="1" legendScrollBtnColor="c3d3fd" canvasBorderThickness="1" 
divLineDashLen="14" caption="Площадь возгораний по месяцам" decimalSeparator="," 
yAxisName="Площадь регистрации, га" vDivLineisDashed="1" showBorder="0" showAboutMenuItem="1" 
legendScrollBarColor="c3d3fd" showValues="1" showAlternateVGridColor="1" bgAlpha="100" decimals="1">
<set displayValue="5710,0%" value="5710" link="n-#cell,0,0" label="Май"/>
<set displayValue="14789,0%" value="14789" link="n-#cell,1,0" label="Июнь"/>
<set displayValue="21126,0%" value="21126" link="n-#cell,2,0" label="Апрель"/>
</chart>

post-24036-0-77134200-1329927308_thumb.jpg

 

second:

<chart formatNumberScale="0" legendBorderAlpha="0" showPrintMenuItem="1" numberSuffix="%" 
divLineThickness="1" bgColor="ffffff" thousandSeparator=" " alternateHGridAlpha="20" 
canvasbgColor="ffffff" anchorAlpha="0" animation="0" alternateHGridColor="687e3c" 
aboutMenuItemLink="n-http://www.contourcomponents.ru" vDivlineDashGap="7" showShadow="0" 
showAlternateHGridColor="1" toolTipSepChar=": " formatNumber="1" showYAxisValues="1" 
forceDecimals="1" divLineColor="c0504d" legendBgColor="ffffff" 
showLabels="1" legendScrollBgColor="ffffff" lineThickness="2" alternateVGridColor="337a85" 
xAxisName="Месяц" vDivlineColor="8064a2" divLineDashGap="10" divLineIsDashed="1" aboutMenuItemLabel="About Contour BI" 
legendPosition="RIGHT" vDivlineDashLen="11" alternateVGridAlpha="20" dashed="1" 
vDivlineThickness="1" legendScrollBtnColor="c3d3fd" canvasBorderThickness="1" 
divLineDashLen="14" caption="Площадь возгораний по месяцам" decimalSeparator="," 
yAxisName="Площадь регистрации, га" vDivLineisDashed="1" showBorder="0" showAboutMenuItem="1" 
legendScrollBarColor="c3d3fd" showValues="1" showAlternateVGridColor="1" bgAlpha="100" decimals="1">
<set displayValue="5710,0%" value="5710" link="n-#cell,0,0" label="Май"/>
<set displayValue="14789,0%" value="14789" link="n-#cell,1,0" label="Июнь"/>
<set displayValue="21126,0%" value="21126" link="n-#cell,2,0" label="Апрель"/>
</chart>

 

post-24036-0-82104800-1329927323_thumb.jpg

 

 

They differ in that the first contains

numVDivLines="7"

, second is not.

The first chart shows the vertical lines but the second is not. Question: how to make a visible vertical lines, not setting the property numVDivLines ?

Thanks

Share this post


Link to post
Share on other sites
Guest Sumedh

Greetings, smile.gif

 

If you want to display vertical lines on your chart, you can use "vLine" attribute between the set elements.

 

vLine attibute is used to display vertical lines that separates the block of data, thereby segregating data into different blocks.

 

Refer the following code:

 

<chart .... >

<vLine color='00CCDD' thickness='2' alpha='20'/>

<set label='Feb' value='910000' />

<vLine color='00CCDD' thickness='2' alpha='20'/>

</chart>

 

For more information, please read here: http://docs.fusioncharts.com/charts/contents/?ChartSS/Line2D.html

 

Please find attached screenshot, for your reference.

 

Hope this helps. smile.gif

post-24802-0-68967900-1330075739_thumb.jpg

Share this post


Link to post
Share on other sites

Thanks, if you use

<vLine color='...' thickness='...' />

the vertical lines are visible. But do not see an vertical alternative color! Although showAlternateVGridColor=1 and alternateVGridColor is defined. But if the property "numVDivLines" is set alternative color is visible.

 

Question: how to make a visible vertical alternative color, not setting the property numVDivLines ?

 

<chart formatNumberScale="0" legendBorderAlpha="0" showPrintMenuItem="1" numberSuffix="%" 
divLineThickness="1" bgColor="ffffff" thousandSeparator=" " alternateHGridAlpha="20" 
canvasbgColor="ffffff" anchorAlpha="0" animation="0" alternateHGridColor="687e3c" 
aboutMenuItemLink="n-http://www.contourcomponents.ru" vDivlineDashGap="7" showShadow="0" 
showAlternateHGridColor="1" toolTipSepChar=": " formatNumber="1" showYAxisValues="1" 
forceDecimals="1" divLineColor="c0504d" legendBgColor="ffffff" showLabels="1" 
legendScrollBgColor="ffffff" lineThickness="2" alternateVGridColor="337a85" xAxisName="Месяц" 
vDivlineColor="8064a2" divLineDashGap="10" divLineIsDashed="1" aboutMenuItemLabel="About Contour BI" 
legendPosition="RIGHT" vDivlineDashLen="11" alternateVGridAlpha="20" dashed="1" vDivlineThickness="1" 
legendScrollBtnColor="c3d3fd" canvasBorderThickness="1" divLineDashLen="14" caption="Площадь возгораний по месяцам" 
decimalSeparator="," yAxisName="Площадь регистрации, га" vDivLineisDashed="1" showBorder="0" 
showAboutMenuItem="1" legendScrollBarColor="c3d3fd" showValues="1" showAlternateVGridColor="1" 
bgAlpha="100" decimals="1">
<vLine thickness="1" dashed="1" dashLen="11" dashGap="7" color="8064a2"/>
<set displayValue="5710,0%" value="5710" link="n-#cell,0,0" label="Май"/>
<vLine thickness="1" dashed="1" dashLen="11" dashGap="7" color="8064a2"/>
<set displayValue="14789,0%" value="14789" link="n-#cell,1,0" label="Июнь"/>
<vLine thickness="1" dashed="1" dashLen="11" dashGap="7" color="8064a2"/>
<set displayValue="21126,0%" value="21126" link="n-#cell,2,0" label="Апрель"/>
</chart>

post-24036-0-65457700-1330082609_thumb.jpg

Share this post


Link to post
Share on other sites

Hey,:)

 

While using <vline> element, it is not possible to display the vertical alternative color like a vertical trend zone.:(

 

When numVDivLines attribute has been defined, alternateVGridColor appears as specified.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this