Ext.Net 1.x_Ext.Net.Panel组合MSCHART
来源：互联网 发布：top域名好吗 编辑：程序博客网 时间：2024/06/07 22:11
注意：
AJAX控件添加MS控件 <Content>.....</Content>
<form id="form1" runat="server"> <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" /> <ext:ResourceManager ID="ResourceManager1" runat="server" /> <ext:Panel ID="Panel1" runat="server" Height="700" Title="产品季度销售分布"> <TopBar> <ext:Toolbar ID="Toolbar1" runat="server"> <Content> <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged" RepeatDirection="Horizontal" Width="200px"> <asp:ListItem Selected="True" Value="ZE">电子公司</asp:ListItem> <asp:ListItem Value="ZM">磁电公司</asp:ListItem> </asp:RadioButtonList> </Content> </ext:Toolbar> </TopBar> <Items> <ext:Panel ID="Panel2" runat="server" Height="320" Border="false"> <Items> <ext:ColumnLayout ID="ColumnLayout1" runat="server" Split="true" FitHeight="true"> <Columns> <ext:LayoutColumn ColumnWidth="0.5"> <ext:Panel ID="Panel4" runat="server" Title="第一季度"> <Content> <asp:Chart ID="ChartQ1" runat="server" BackColor="LightSteelBlue" BackGradientStyle="TopBottom" BackSecondaryColor="AliceBlue" EnableTheming="False" EnableViewState="True" Width ="400"> <Titles> <%-- <asp:Title Font="微软雅黑, 16pt" Text="本月业务员出货饼图" Alignment="TopCenter"></asp:Title>--%> <asp:Title Docking="Bottom" Font="Trebuchet MS, 8.25pt" Text="Zettlercn Corporation" Alignment="MiddleRight"></asp:Title> </Titles> <legends> <asp:Legend BackColor="Transparent" Alignment="Center" Docking="Bottom" Font="Trebuchet MS, 8.25pt, style=Bold" IsTextAutoFit="False" Name="Default" LegendStyle="Row"></asp:Legend> </legends> <Series> <asp:Series Name="Series1" BorderColor="180, 26, 59, 105" Color="220, 65, 140, 240" > </asp:Series> </Series> <ChartAreas > <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BackSecondaryColor="Transparent" BackColor="Transparent" ShadowColor="Transparent" BorderWidth="0" > <area3dstyle Rotation="0" /> <axisy LineColor="64, 64, 64, 64"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> <MajorGrid LineColor="64, 64, 64, 64" /> </axisy> <axisx LineColor="64, 64, 64, 64"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> <MajorGrid LineColor="64, 64, 64, 64" /> </axisx> </asp:ChartArea> </ChartAreas> </asp:Chart> </Content> </ext:Panel> </ext:LayoutColumn> <ext:LayoutColumn ColumnWidth="0.5"> <ext:Panel ID="Panel5" runat="server" Title="第二季度" > <Content> <asp:Chart ID="ChartQ2" runat="server" BackColor="LightSteelBlue" BackGradientStyle="TopBottom" BackSecondaryColor="AliceBlue" EnableTheming="False" EnableViewState="True" Width ="400"> <Titles> <%-- <asp:Title Font="微软雅黑, 16pt" Text="本月业务员出货饼图" Alignment="TopCenter"></asp:Title>--%> <asp:Title Docking="Bottom" Font="Trebuchet MS, 8.25pt" Text="Zettlercn Corporation" Alignment="MiddleRight"></asp:Title> </Titles> <legends> <asp:Legend BackColor="Transparent" Alignment="Center" Docking="Bottom" Font="Trebuchet MS, 8.25pt, style=Bold" IsTextAutoFit="False" Name="Default" LegendStyle="Row"></asp:Legend> </legends> <Series> <asp:Series Name="Series1" BorderColor="180, 26, 59, 105" Color="220, 65, 140, 240" > </asp:Series> </Series> <ChartAreas > <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BackSecondaryColor="Transparent" BackColor="Transparent" ShadowColor="Transparent" BorderWidth="0" > <area3dstyle Rotation="0" /> <axisy LineColor="64, 64, 64, 64"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> <MajorGrid LineColor="64, 64, 64, 64" /> </axisy> <axisx LineColor="64, 64, 64, 64"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> <MajorGrid LineColor="64, 64, 64, 64" /> </axisx> </asp:ChartArea> </ChartAreas> </asp:Chart> </Content> </ext:Panel> </ext:LayoutColumn> </Columns> </ext:ColumnLayout> </Items> </ext:Panel> <ext:Panel ID="Panel3" runat="server" Height="320" Border="false"> <Items> <ext:ColumnLayout ID="ColumnLayout2" runat="server" Split="true" FitHeight="true"> <Columns> <ext:LayoutColumn ColumnWidth="0.5"> <ext:Panel ID="Panel6" runat="server" Title="第三季度" > <Content> <asp:Chart ID="ChartQ3" runat="server" BackColor="LightSteelBlue" BackGradientStyle="TopBottom" BackSecondaryColor="AliceBlue" EnableTheming="False" EnableViewState="True" Width ="400"> <Titles> <%-- <asp:Title Font="微软雅黑, 16pt" Text="本月业务员出货饼图" Alignment="TopCenter"></asp:Title>--%> <asp:Title Docking="Bottom" Font="Trebuchet MS, 8.25pt" Text="Zettlercn Corporation" Alignment="MiddleRight"></asp:Title> </Titles> <legends> <asp:Legend BackColor="Transparent" Alignment="Center" Docking="Bottom" Font="Trebuchet MS, 8.25pt, style=Bold" IsTextAutoFit="False" Name="Default" LegendStyle="Row"></asp:Legend> </legends> <Series> <asp:Series Name="Series1" BorderColor="180, 26, 59, 105" Color="220, 65, 140, 240" > </asp:Series> </Series> <ChartAreas > <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BackSecondaryColor="Transparent" BackColor="Transparent" ShadowColor="Transparent" BorderWidth="0" > <area3dstyle Rotation="0" /> <axisy LineColor="64, 64, 64, 64"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> <MajorGrid LineColor="64, 64, 64, 64" /> </axisy> <axisx LineColor="64, 64, 64, 64"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> <MajorGrid LineColor="64, 64, 64, 64" /> </axisx> </asp:ChartArea> </ChartAreas> </asp:Chart> </Content> </ext:Panel> </ext:LayoutColumn> <ext:LayoutColumn ColumnWidth="0.5"> <ext:Panel ID="Panel7" runat="server" Title="第四季度" > <Content> <asp:Chart ID="ChartQ4" runat="server" BackColor="LightSteelBlue" BackGradientStyle="TopBottom" BackSecondaryColor="AliceBlue" EnableTheming="False" EnableViewState="True" Width ="400"> <Titles> <%-- <asp:Title Font="微软雅黑, 16pt" Text="本月业务员出货饼图" Alignment="TopCenter"></asp:Title>--%> <asp:Title Docking="Bottom" Font="Trebuchet MS, 8.25pt" Text="Zettlercn Corporation" Alignment="MiddleRight"></asp:Title> </Titles> <legends> <asp:Legend BackColor="Transparent" Alignment="Center" Docking="Bottom" Font="Trebuchet MS, 8.25pt, style=Bold" IsTextAutoFit="False" Name="Default" LegendStyle="Row"></asp:Legend> </legends> <Series> <asp:Series Name="Series1" BorderColor="180, 26, 59, 105" Color="220, 65, 140, 240" > </asp:Series> </Series> <ChartAreas > <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BackSecondaryColor="Transparent" BackColor="Transparent" ShadowColor="Transparent" BorderWidth="0" > <area3dstyle Rotation="0" /> <axisy LineColor="64, 64, 64, 64"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> <MajorGrid LineColor="64, 64, 64, 64" /> </axisy> <axisx LineColor="64, 64, 64, 64"> <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" /> <MajorGrid LineColor="64, 64, 64, 64" /> </axisx> </asp:ChartArea> </ChartAreas> </asp:Chart> </Content> </ext:Panel> </ext:LayoutColumn> </Columns> </ext:ColumnLayout> </Items> </ext:Panel> </Items> </ext:Panel>
后台：
private void DataChart(Chart ChartQ, int Quarter) { ProductByQuarter pq = new ProductByQuarter(); for (int i = 0; i < RadioButtonList1.Items.Count; i++) { if (RadioButtonList1.Items[i].Selected) { pq.Company = RadioButtonList1.Items[i].Value.Trim(); } } pq.Quarter = Quarter; ProductByQuarterManager pqmgr = new ProductByQuarterManager(); if (pqmgr.ProductByQuarterList(pq).Rows.Count > 0) { ChartQ.Series["Series1"].Points.DataBind(pqmgr.ProductByQuarterList(pq).DefaultView, "产品类别", "金额", ""); ChartQ.Width = 400; ChartQ.Height = 300; ChartQ.Series["Series1"].ChartType = (SeriesChartType)Enum.Parse(typeof(SeriesChartType), "Doughnut", true); //环形 ChartQ.Series["Series1"]["PieLabelStyle"] = "Outside"; //显示数据 ChartQ.Series["Series1"].IsValueShownAsLabel = true; //显示百分比 //ChartQ.Series[0].Label = "#VALX #PERCENT{P} #VALY"; ChartQ.Series[0].Label = "#VALX #VALY"; //显示Legends ChartQ.Legends[0].Enabled = true; //3D ChartQ.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = false; ChartQ.Series[0]["PieDrawingStyle"] = "SoftEdge"; //背景色设置 ChartQ.ChartAreas["ChartArea1"].ShadowColor = Color.Transparent; ChartQ.ChartAreas["ChartArea1"].BackColor = Color.FromArgb(209, 237, 254); //该处设置为了由天蓝到白色的逐渐变化 ChartQ.ChartAreas["ChartArea1"].BackGradientStyle = GradientStyle.TopBottom; ChartQ.ChartAreas["ChartArea1"].BackSecondaryColor = Color.White; } else { ChartQ.Visible = false; } }上图:
- Ext.Net 1.x_Ext.Net.Panel组合MSCHART
- Ext.Net 1.x_Ext.Net.Button刷新MSChart
- Ext.Net 1.x_Ext.Net.Panel之列布局
- Ext.Net 1.x_Ext.Net.CompositeField 组合控件
- Ext.Net 1.x_Ext.Net.GridPanel+MSCHART案列二(易飞IQC来料批次分析与MsChart 使用双轴显示)
- Ext.Net 1.x_Ext.Net.Combox联动
- Ext.Net 1.x_Ext.Net.日期格式化
- Ext.Net 1.x_Ext.Net.GridPanel CRUD
- Ext.Net 1.x_Ext.Net.皮肤切换
- Ext.Net 1.x_Ext.Net.DirectMethods
- Ext.Net 1.x_Ext.Net.GridPanel 事件
- Ext.Net 1.x_Ext.Net_JS获取页面EXT.NET控件
- Ext.Net 1.x_Ext.Net.Combox 实现模糊异步查询
- Ext.Net 1.x_Ext.Net.TaskManager模拟进度条
- Ext.Net 1.x_Ext.Net.Dropdownlist结合TreePanel
- Ext.Net 1.x_Ext.Net.GridPanel 删除行提示
- Ext.Net 1.x_Ext.Net.GridPanel行按钮高亮否
- Ext.Net 1.x_Ext.Net.GridPanel行选择
- remember mexAtExit(&MyExit);
- 【djysim】djyos模拟器-djysim,初步搞定，可以在djysim上面跑GUI了
- DX90SDK SDK源码分析(一) 拉模式的例子
- Spinner 从数据库中读取数据并实现2级互动
- 获取wifi网络中，终端上的ip地址的方法
- Ext.Net 1.x_Ext.Net.Panel组合MSCHART
- linux 之find命令的使用
- Asp.net实现流下载
- js面向对象
- AlertDialog详解
- IIS7.5增加JSON文件解析 .
- 个人收藏：40个UI设计工具和资源
- inand简介
- C# 串口操作系列(3) -- 协议篇，二进制协议数据解析
