Create Text in Bar Chart

hi,
i have bar chart and i want to show label on them. how i can do it?

thanks

i have bar chart and i want to show label on them. how i can do it?
What exactly, show text as tooltip when pointer is on bar chart or show label part of drawing?

What is your problem? Create text element? Put this text in right place? Other?

Michel

<?xml version="1.0"?><svg width="400pt" height="400pt" viewBox="0 0 400 200" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css"><![CDATA[
.label {font-family:Arial, Helvetica; font-size:9px;
font-weight:bold;
}
.heading {font-family:Arial, Helvetica; font-size:20px;
font-weight:bold;
}
.strokeBlack1px {stroke:#000000;}
.fillBlack {fill:#000000;}
.filterDropShadow {filter:url(#DropShadow);}
]]></style>
<line x1="40" y1="133" x2="320" y2="133" fill="black" class="strokeBlack1px" />
<line x1="40" y1="40" x2="40" y2="180" fill="black" class="strokeBlack1px" />
<rect x="48" y="110" width="18" height="23" fill="red" class="strokeBlack1px" />
<rect x="118" y="77" width="18" height="56" fill="red" class="strokeBlack1px" />
<rect x="188" y="63" width="18" height="70" fill="red" class="strokeBlack1px" />
<rect x="258" y="100" width="18" height="32" fill="red" class="strokeBlack1px" />
<rect x="66" y="86" width="18" height="46" fill="green" class="strokeBlack1px" />
<rect x="136" y="132" width="18" height="24" fill="green" class="strokeBlack1px" />
<rect x="206" y="98" width="18" height="35" fill="green" class="strokeBlack1px" />
<rect x="276" y="114" width="18" height="18" fill="green" class="strokeBlack1px" />
<rect x="84" y="75" width="18" height="58" fill="blue" class="strokeBlack1px" />
<rect x="154" y="86" width="18" height="46" fill="blue" class="strokeBlack1px" />
<rect x="224" y="91" width="18" height="42" fill="blue" class="strokeBlack1px" />
<rect x="294" y="117" width="18" height="16" fill="blue" class="strokeBlack1px" />
</svg>

i have bar chart but i want to write the label ( JAN,FEB,MAR,APR) under the bar. how i can calculate the point that write them and how to create tooltip on each bar?

thanks

how i can calculate the point that write them
You can use text-anchor="middle" so x is middle of your rect
For y take y for your rect + height and add font-size for your text and some units
how to create tooltip on each bar
You define a group with a rect and your text with visibility="hidden"
When mouse go on on your rect, you can
- modify place of your group using transform="translate(x,y)" by example
- change text data function of rect
- change visibility to "visible"
When mouse go out your rect
- change visibility to "hidden"

Michel