Hi,
I'm having some challenges with customizing the look of a column bar diagram;
This is the design from my art director:
Attached picture: wantedlook.png
This is my current design with the chart control:
Attached picture: currentlook.png
1. If I set Visible="false" on the YAxis like this:
The MajorGridLines turns into some light green color like this:
Attached picture: greenYlines.png
a. How can I control the color of the YAxis major grid lines while having the YAxis Visible="false"?
b. How can I control the color of the value labels on the YAxis (...should I need to have it visible)?
2. The column bars are defined like this:
a. How can I remove the gradient effect on the coloring of the column bars?
b. How can I remove the border on the column bars?
c. How can I remove the effect that makes the column bars go lighter when hovered?
d. How can I control the width of each column? (want them wider and less separated)
3. Column labels placement and coloring
a. Is there any way I could place the column text labels above the column and its' value, as in the wanted look?
b. How can I control the color of the column text and value labels? In the wanted design the text color is dark gray and the value labels are in the same color as the column itself.
c. Is there any way I could left align the column value label with the column, as in the wanted design?
Any input on these challenges are most welcome.
/Dan
I'm having some challenges with customizing the look of a column bar diagram;
This is the design from my art director:
Attached picture: wantedlook.png
This is my current design with the chart control:
Attached picture: currentlook.png
1. If I set Visible="false" on the YAxis like this:
<
YAxis
Color
=
"#dddddd"
Visible
=
"false"
>
<
MajorGridLines
Color
=
"#dddddd"
/>
<
MinorGridLines
Visible
=
"false"
/>
</
YAxis
>
The MajorGridLines turns into some light green color like this:
Attached picture: greenYlines.png
a. How can I control the color of the YAxis major grid lines while having the YAxis Visible="false"?
b. How can I control the color of the value labels on the YAxis (...should I need to have it visible)?
2. The column bars are defined like this:
<
Series
>
<
telerik:ColumnSeries
Stacked
=
"false"
>
<
Appearance
>
<
FillStyle
BackgroundColor
=
"#d5a2bb"
></
FillStyle
>
</
Appearance
>
<
LabelsAppearance
Position
=
"OutsideEnd"
>
<
TextStyle
FontSize
=
"16px"
FontFamily
=
"Verdana"
/>
</
LabelsAppearance
>
<
TooltipsAppearance
Visible
=
"false"
BackgroundColor
=
"White"
DataFormatString
=
"{0}"
/>
<
Items
>
<
telerik:SeriesItem
BackgroundColor
=
"#a4b9bd"
YValue
=
"7300"
/>
<
telerik:SeriesItem
BackgroundColor
=
"#fed473"
YValue
=
"6900"
/>
<
telerik:SeriesItem
BackgroundColor
=
"#d8e782"
YValue
=
"5836"
/>
</
Items
>
</
telerik:ColumnSeries
>
</
Series
>
a. How can I remove the gradient effect on the coloring of the column bars?
b. How can I remove the border on the column bars?
c. How can I remove the effect that makes the column bars go lighter when hovered?
d. How can I control the width of each column? (want them wider and less separated)
3. Column labels placement and coloring
a. Is there any way I could place the column text labels above the column and its' value, as in the wanted look?
b. How can I control the color of the column text and value labels? In the wanted design the text color is dark gray and the value labels are in the same color as the column itself.
c. Is there any way I could left align the column value label with the column, as in the wanted design?
Any input on these challenges are most welcome.
/Dan