Não consigo mudar a orientação do meu gráfico e nem carregar com dados de um BD
10/04/2012
0
Pessoal, mas uma com Telerik. Não consigo mudar a orientação de minhas barras, Horizontal ou Vertical. Ele sempre fica na vertical. Outra coisa, como eu faço para carregar os itens do meu gráfico com dados vindo de um banco de dados? Obrigado!!
<%@ Page Language=C# AutoEventWireup=true CodeBehind=TesteBarras1.aspx.cs Inherits=Teste.Moni.UI.Web.TesteBarras1 %>
<%@ Register TagPrefix=telerik Namespace=Telerik.Web.UI Assembly=Telerik.Web.UI %>
<%@ Register TagPrefix=telerik Namespace=Telerik.Charting Assembly=Telerik.Web.UI %>
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=http://www.w3.org/1999/xhtml>
<head id=Head1 runat=server>
<link rel=Stylesheet href=../Gallery.css />
</head>
<body class=BODY>
<form id=Form2 runat=server>
</telerik:Header>
<asp:ScriptManager ID=ScriptManager runat=server />
<div id=MainPlaceHolder>
<div id=ChartArea>
<div id=chartOptionsPlaceholder>
<br />
<asp:Label ID=lblChartOrientation runat=server Text=Series orientation: />
<asp:RadioButtonList AutoPostBack=true ID=OrientationList runat=server OnSelectedIndexChanged=OrientationList_SelectedIndexChanged>
<asp:ListItem Text=Horizontal Value=Horizontal Selected=True />
<asp:ListItem Text=Vertical Value=Vertical Selected=True/>
</asp:RadioButtonList>
<br />
<asp:Label ID=lblChartType runat=server Text=Additional chart types: />
<asp:DropDownList AutoPostBack=true ID=SubtypeDropdown runat=server OnSelectedIndexChanged=SubtypeDropdown_SelectedIndexChanged>
<asp:ListItem Text=Normal Bar Value=Bar Selected=True />
<asp:ListItem Text=Stacked Bar Value=StackedBar />
<asp:ListItem Text=Stacked Bar 100 Value=StackedBar100 />
</asp:DropDownList>
</div>
<div id=chartPlaceholder>
<telerik:RadChart ID=RadChart1 SkinsOverrideStyles=true runat=server>
<PlotArea>
<XAxis MaxValue=5 MinValue=1 Step=1>
</XAxis>
<YAxis MaxValue=3 Step=0.5 AxisMode=Extended>
</YAxis>
<YAxis2 MaxValue=5 MinValue=1 Step=1>
</YAxis2>
</PlotArea>
<Series>
<telerik:ChartSeries Name=Series 1>
<Appearance>
<FillStyle MainColor=Red>
</FillStyle>
</Appearance>
<Items>
<telerik:ChartSeriesItem YValue=1 Name=Item 1>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=2 Name=Item 2>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=1 Name=Item 3>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=3 Name=Item 4>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=2 Name=Item 5>
</telerik:ChartSeriesItem>
</Items>
</telerik:ChartSeries>
<telerik:ChartSeries Name=Series 2>
<Appearance>
<FillStyle MainColor=Blue>
</FillStyle>
</Appearance>
<Items>
<telerik:ChartSeriesItem YValue=3 Name=Item 1>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=1 Name=Item 2>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=3 Name=Item 3>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=1 Name=Item 4>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=2 Name=Item 5>
</telerik:ChartSeriesItem>
</Items>
</telerik:ChartSeries>
</Series>
</telerik:RadChart>
</div>
</div>
<div id=ThumbsArea>
<asp:RadioButtonList ID=ThumbsList AutoPostBack=true runat=server RepeatColumns=3
RepeatDirection=Horizontal OnSelectedIndexChanged=ThumbsList_SelectedIndexChanged>
</asp:RadioButtonList>
</div>
</div>
<div class=qsfClearFloat><!-- --></div>
</form>
</body>
</html>
<%@ Page Language=C# AutoEventWireup=true CodeBehind=TesteBarras1.aspx.cs Inherits=Teste.Moni.UI.Web.TesteBarras1 %>
<%@ Register TagPrefix=telerik Namespace=Telerik.Web.UI Assembly=Telerik.Web.UI %>
<%@ Register TagPrefix=telerik Namespace=Telerik.Charting Assembly=Telerik.Web.UI %>
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=http://www.w3.org/1999/xhtml>
<head id=Head1 runat=server>
<link rel=Stylesheet href=../Gallery.css />
</head>
<body class=BODY>
<form id=Form2 runat=server>
</telerik:Header>
<asp:ScriptManager ID=ScriptManager runat=server />
<div id=MainPlaceHolder>
<div id=ChartArea>
<div id=chartOptionsPlaceholder>
<br />
<asp:Label ID=lblChartOrientation runat=server Text=Series orientation: />
<asp:RadioButtonList AutoPostBack=true ID=OrientationList runat=server OnSelectedIndexChanged=OrientationList_SelectedIndexChanged>
<asp:ListItem Text=Horizontal Value=Horizontal Selected=True />
<asp:ListItem Text=Vertical Value=Vertical Selected=True/>
</asp:RadioButtonList>
<br />
<asp:Label ID=lblChartType runat=server Text=Additional chart types: />
<asp:DropDownList AutoPostBack=true ID=SubtypeDropdown runat=server OnSelectedIndexChanged=SubtypeDropdown_SelectedIndexChanged>
<asp:ListItem Text=Normal Bar Value=Bar Selected=True />
<asp:ListItem Text=Stacked Bar Value=StackedBar />
<asp:ListItem Text=Stacked Bar 100 Value=StackedBar100 />
</asp:DropDownList>
</div>
<div id=chartPlaceholder>
<telerik:RadChart ID=RadChart1 SkinsOverrideStyles=true runat=server>
<PlotArea>
<XAxis MaxValue=5 MinValue=1 Step=1>
</XAxis>
<YAxis MaxValue=3 Step=0.5 AxisMode=Extended>
</YAxis>
<YAxis2 MaxValue=5 MinValue=1 Step=1>
</YAxis2>
</PlotArea>
<Series>
<telerik:ChartSeries Name=Series 1>
<Appearance>
<FillStyle MainColor=Red>
</FillStyle>
</Appearance>
<Items>
<telerik:ChartSeriesItem YValue=1 Name=Item 1>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=2 Name=Item 2>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=1 Name=Item 3>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=3 Name=Item 4>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=2 Name=Item 5>
</telerik:ChartSeriesItem>
</Items>
</telerik:ChartSeries>
<telerik:ChartSeries Name=Series 2>
<Appearance>
<FillStyle MainColor=Blue>
</FillStyle>
</Appearance>
<Items>
<telerik:ChartSeriesItem YValue=3 Name=Item 1>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=1 Name=Item 2>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=3 Name=Item 3>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=1 Name=Item 4>
</telerik:ChartSeriesItem>
<telerik:ChartSeriesItem YValue=2 Name=Item 5>
</telerik:ChartSeriesItem>
</Items>
</telerik:ChartSeries>
</Series>
</telerik:RadChart>
</div>
</div>
<div id=ThumbsArea>
<asp:RadioButtonList ID=ThumbsList AutoPostBack=true runat=server RepeatColumns=3
RepeatDirection=Horizontal OnSelectedIndexChanged=ThumbsList_SelectedIndexChanged>
</asp:RadioButtonList>
</div>
</div>
<div class=qsfClearFloat><!-- --></div>
</form>
</body>
</html>
Pjava
Curtir tópico
+ 0
Responder
Posts
13/04/2012
Rodrigo Odasaki
Na boa, até ajudaria, mas vc cria mil tópicos e não retorna com um feedback!
Boa sorte!
Boa sorte!
Responder
Clique aqui para fazer login e interagir na Comunidade :)
