Anychart labels not showing properly..

Question

Hi all...
Anychart Version: 5.1.2
I have a bar simple bar chart which calculates surgeons and their percentage of surgeries.
x axis: surgeon name (labels rotated to 90 degrees)
y axis: percentage
If i am just showing 10 surgeons it is showing properly.
But if am trying to show all the surgeons (around 100 surgeons on x axis).
The Flash chart x axis labels are not showing properly
In this thread..Austin suggested to increase the width of the chart
APEX Flash Chart labels not displaying
If i increase the width the labels are showing properly. But the chart looks so ugly with huge width. Is there any other way to show the labels properly
without incresing the chart width
In Mozilla filefox i checked the XML returned. In the XML it is showing the labels but in the chart
it is not showing up.
Sample X axis..
The X axis is looking like this..
s s
u u
r r
g g
e e
o o
n n
1 3
It is not showing the "surgeon 2" which is between 1 and 2
This is custom XML that i am using..
<anychart>
<margin all="1"/>
<settings>
<animation enabled="true"/>
</settings>
<charts>
<chart use_anychart3_data_model="true" use_sets_colors="false">
<chart_settings>
<title enabled="True" vertical_padding="30">
<font bold="True" size="15" />
<text>Death by Surgeon</text>
</title>
<subtitle enabled="True">
<background enabled="false" />
<font bold="False" size="15" />
<text>Arranged by Increasing Annual Rate of Procedure</text>
</subtitle>
<footer enabled="true" align="Center" padding="30">
<background enabled="false" />
<font bold="False" size="12" color="Red"/>
<text><![CDATA[Notice: This report generated considered privileged and confidential. &APP_TIME_STAMP.]]></text>
</footer>
<axes>
<y_axis>
<title><text>Percentage</text></title>
<labels>
<format>{%Value}{numDecimals:0}</format>
</labels>
</y_axis>
<x_axis tickmarks_placement="Center">
<title><text>Surgeon</text></title>
<labels rotation="90"/>
</x_axis>
</axes>
</chart_settings>
<data_plot_settings default_series_type="Bar">
<bar_series>
<tooltip_settings enabled="True">
<format>
{%SeriesName}{numDecimals:2,thousandsSeparator:}
{%YValue}{numDecimals:2}%
</format>
</tooltip_settings>
<bar_style>
<states>
<normal>
<fill color="%Color"/>
<border color="DarkColor(%Color)" thickness="1"/>
</normal>
<hover>
<fill color="LightColor(%Color)"/>
<border thickness="2"/>
</hover>
</states>
</bar_style>
</bar_series>
</data_plot_settings>
#DATA#
</chart>
</charts>
</anychart>please help me to solve this

Answer 1

Hi,
100 columns is a lot of columns. I understand why you are having this issue. I think you have two options here:
First, you could use a scrolling chart.
your x-axis custom XML would look something like:
<x_axis tickmarks_placement="Center">
<title><text>Surgeon</text></title>
<labels rotation="90"/>
<zoom enabled="true" allow_drag="false" />
</x_axis>Second, you could reduce the font size of the labels on the x-axis to a very small number, so that the text of the label is not wider than the column width. With 100 columns, you are probably talking about a terribly small font size, probably making it unreadable.
your x-axis custom XML would look something like:
<x_axis tickmarks_placement="Center">
<title><text>Surgeon</text></title>
<labels rotation="90">
<font size="4" />
</labels>
</x_axis>Austin
Edited by: AustinJ on Feb 11, 2011 11:13 AM - fixed typos