Заполнение диаграммы внутри GridView в ASP.NET - PullRequest
Новая
       13

Заполнение диаграммы внутри GridView в ASP.NET

1 голос
/ 13 июня 2011

У меня есть GridView элемент управления, где я хочу показать некоторую информацию о моей важной переменной.Эти переменные меняются во времени, и я хотел бы отобразить их тренд в таблице как последний столбец, используя элемент управления Chart.

Вот общее представление кода: 

<asp:GridView runat="server" ID="Variables_GridView" CssClass="grid" AutoGenerateColumns="false" Width="100%">
   <FooterStyle BackColor="White" ForeColor="#000066" />
   <HeaderStyle CssClass="gridheader" />
   <RowStyle ForeColor="#000066" />
   <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
   <SortedAscendingCellStyle BackColor="#F1F1F1" />
   <SortedAscendingHeaderStyle BackColor="#007DBB" />
   <SortedDescendingCellStyle BackColor="#CAC9C9" />
   <SortedDescendingHeaderStyle BackColor="#00547E" />
   <Columns>
      <asp:BoundField DataField="VariableName" HeaderText="Name" />
      <asp:BoundField DataField="VariableType" HeaderText="Type" />
      <asp:BoundField DataField="VariableDescription" HeaderText="Description" />
      <asp:TemplateField HeaderText="Latest values">
         <ItemTemplate>
            <asp:Chart ID="Values_Chart" runat="server" Width="150" Height="50">
               <Series>
                  <asp:Series Name="Values_Series" XAxisType="Primary" XValueType="Int32" ChartType="Line"></asp:Series>
               </Series>
               <ChartAreas>
                  <asp:ChartArea Name="Values_ChartArea"></asp:ChartArea>
               </ChartAreas>
            </asp:Chart>
         </ItemTemplate>
      </asp:TemplateField>
   </Columns>
</asp:GridView>

В моем коде ниже вы можете найти этот тип, используемый для отображения свойств (которые я указал): 

public class VariableRepresentation {

        private string variableName;

        private string variableType;

        private string variableDescription;

        private float[] variableValues;

        public string VariableName {
            get { return this.variableName; }
            set { this.variableName = value; }
        }

        public string VariableType {
            get { return this.variableType; }
            set { this.variableType = value; }
        }

        public string VariableDescription {
            get { return this.variableDescription; }
            set { this.variableDescription = value; }
        }

        public float[] VariableValues {
            get { return this.variableValues; }
            set { this.variableValues = value; }
        }

        public VariableRepresentation(string name, string type, string description) {
            this.variableName = name;
            this.variableType = type;
            this.variableDescription = description;
        }

        public VariableRepresentation(string name, string type, string description, float[] initialValues) : this(name, type, description) {
            this.variableValues = initialValues;
        }

    }

OK!

В методе загрузки этой страницы у меня есть следующее: 

protected void Page_Load(object sender, EventArgs e) {
   VariableRepresentation[] vars = new VariableRepresentation[6];
   vars[0] = new VariableRepresentation("Variable 1", 
      "Type 1", "A generic variable", new float[] { 11, 12, 13, 14, 11, 20 });
   vars[1] = new VariableRepresentation("Variable 2", 
      "Type 2", "A generic variable", new float[] { 11, 12, 13, 14, 11, 20 });
   vars[2] = new VariableRepresentation("Variable 3", 
      "Type 3", "A generic variable", new float[] { 11, 12, 13, 14, 11, 20 });
   vars[3] = new VariableRepresentation("Variable 4", 
      "Type 1", "A generic variable", new float[] { 11, 12, 13, 14, 11, 20 });
   vars[4] = new VariableRepresentation("Variable 5", 
      "Type 2", "A generic variable", new float[] { 11, 12, 13, 14, 11, 20 });
   vars[5] = new VariableRepresentation("Variable 6", 
      "Type 3", "A generic variable", new float[] { 11, 12, 13, 14, 11, 20 });
   this.Variables_GridView.DataSource = vars;
   this.Variables_GridView.DataBind();
}

Ну, как вы могли догадаться, вывод - это таблица, но мой график пуст.Как я могу действовать в файле .aspx, в разметке xhtml, первом коде, который я показал, чтобы это произошло?

Полагаю, что я занимаю место в поле шаблона, некоторое выражение привязки данных, но яне знаю, что там разместить ....

Не могли бы вы мне помочь, пожалуйста?

Спасибо

PS: Обратите внимание, что я не предоставил здесь решения,дело в том, что я не знаю, как связать данные с диаграммой, на самом деле это правильно, что диаграммы (по одному на строку таблицы) ничего не показывают, потому что я не указал ни выражения связывания на странице aspx, ни должный кусок кодав коде позади.

1 Ответ

3 голосов
/ 13 июня 2011

Не знаю, есть ли удобный способ связывания данных в серии диаграмм непосредственно в XHTML? но, возможно, вы могли бы просто создать событие в GridView.RowDataBound найти там элемент управления Chart и затем добавить данные в серию диаграмм?

...