We currently have a "window" that we would like to display our charts in and can't seem to get the chart to fit nicely in it (as depicted in image).
Window is 400 px x 400 px; there seems to be additional padding around the chart? Would like to remove the scrollbars. Any suggestions?
Window is 400 px x 400 px; there seems to be additional padding around the chart? Would like to remove the scrollbars. Any suggestions?
<
div
style
=
"width: 98%; margin: 0 auto; overflow: auto; border: 1px solid green;"
>
<
div
id
=
"slide_00"
class
=
"slide"
style
=
"border: 1px solid red; height: 250px; width: 350px;"
>
<
telerik:RadHtmlChart
runat
=
"server"
Width
=
"350px"
Height
=
"225px"
ID
=
"RadHtmlChart1"
DataSourceID
=
"SqlDataSource1"
>
<
PlotArea
>
<
Series
>
<
telerik:ColumnSeries
DataFieldY
=
"NumOfMembers"
>
<
TooltipsAppearance
Color
=
"White"
/>
</
telerik:ColumnSeries
>
</
Series
>
<
XAxis
DataLabelsField
=
"MemberType"
>
<
TitleAppearance
Text
=
"Member Types"
>
<
TextStyle
Margin
=
"5"
/>
</
TitleAppearance
>
<
MajorGridLines
Visible
=
"false"
/>
<
MinorGridLines
Visible
=
"false"
/>
</
XAxis
>
<
YAxis
>
<
TitleAppearance
Text
=
"Active Members"
>
<
TextStyle
Margin
=
"5"
/>
</
TitleAppearance
>
<
MinorGridLines
Visible
=
"false"
/>
</
YAxis
>
</
PlotArea
>
<
ChartTitle
Text
=
"# of Active ASI Credit Unions"
>
</
ChartTitle
>
</
telerik:RadHtmlChart
>
</
div
>
<
div
id
=
"slide_01"
class
=
"slide"
style
=
"border: 1px solid red; height: 250px; width: 350px;"
">
<
telerik:RadHtmlChart
runat
=
"server"
Width
=
"350px"
Height
=
"225px"
ID
=
"RadHtmlChart2"
DataSourceID
=
"SqlDataSource2"
>
<
PlotArea
>
<
Series
>
<
telerik:ColumnSeries
DataFieldY
=
"TotCount"
>
<
TooltipsAppearance
Color
=
"White"
/>
</
telerik:ColumnSeries
>
</
Series
>
<
XAxis
DataLabelsField
=
"Coverage"
>
<
TitleAppearance
Text
=
"Member Types"
>
<
TextStyle
Margin
=
"5"
/>
</
TitleAppearance
>
<
MajorGridLines
Visible
=
"false"
/>
<
MinorGridLines
Visible
=
"false"
/>
</
XAxis
>
<
YAxis
>
<
TitleAppearance
Text
=
"# of Financials"
>
<
TextStyle
Margin
=
"5"
/>
</
TitleAppearance
>
<
MinorGridLines
Visible
=
"false"
/>
</
YAxis
>
</
PlotArea
>
<
ChartTitle
Text
=
"Recent Qtr Financial Statements"
>
</
ChartTitle
>
</
telerik:RadHtmlChart
>
</
div
>
<
telerik:RadSlider
ID
=
"RadSlider1"
runat
=
"server"
TrackPosition
=
"TopLeft"
Value
=
"0"
ItemType
=
"Item"
Skin
=
"Black"
Width
=
"350px"
Height
=
"40px"
OnClientValueChanged
=
"UpdateVisibleSlide"
OnClientLoad
=
"UpdateVisibleSlide"
>
<
Items
>
<
telerik:RadSliderItem
Text
=
"# of Active ASI Credit Unions"
></
telerik:RadSliderItem
>
<
telerik:RadSliderItem
Text
=
"# of Financial Statements"
></
telerik:RadSliderItem
>
</
Items
>
</
telerik:RadSlider
>
</
div
>