Как создать организационную диаграмму из API инструментов Google / инструментов виртуализации с помощью .NET DataTable? - PullRequest
Новая
       19

Как создать организационную диаграмму из API инструментов Google / инструментов виртуализации с помощью .NET DataTable?

0 голосов
/ 14 июля 2010

Я хотел бы создать организационную схему, как показано здесь: http://code.google.com/apis/visualization/documentation/gallery/orgchart.html

Я могу создать строку JSON google.visualization.DataTable, используя вспомогательную библиотеку визуализации .NET, отсюда: http://code.google.com/p/bortosky-google-visualization/

К сожалению, с этой вспомогательной библиотекой невозможно отобразить сообщение нестандартного формата, такое как президент или вице-президент, для каждого члена организационной диаграммы, поскольку ключ f: не генерируется вспомогательной библиотекой.

1 Ответ

1 голос
/ 14 июля 2010

Мне удалось решить этот вопрос, написав метод, который создает организационную диаграмму JSON из таблицы данных C #: 

public string GoogleOrgChartJson(DataTable dt)
        {
            if ((dt == null) || (dt.Columns.Count == 0)) return "";
            var sb = new StringBuilder();
            sb.Append("{cols: [");
            foreach (DataColumn dc in dt.Columns.Cast<DataColumn>().Where(dc => dc.Caption != "Format"))
            {
                sb.Append("{id: '");
                sb.Append(dc.Caption);
                sb.Append("', label: '");
                sb.Append(dc.Caption);
                sb.Append("', type: '");
                sb.Append(dc.DataType.Name.ToLower());
                sb.Append("'}, ");
            }
            sb.Remove(sb.Length - 2, 2);
            sb.Append("], rows: [");
            foreach (DataRow dr in dt.Rows)
            {
                sb.Append("{c: [");
                for (int i = 0; i < dt.Columns.Count; i++)
                {
                    if (dt.Columns[i].ToString() == "Format")
                    {
                        sb.Remove(sb.Length - 3, 3);
                        sb.Append(", f: '");
                    }
                    else
                        sb.Append("{v: '");

                    if ((dr[i] != DBNull.Value) && (string)dr[i] != "")
                        sb.Append(dr[i] + "'}, ");
                    else
                        sb.Append("'}, ");

                }
                sb.Remove(sb.Length - 2, 2);
                sb.Append("]}, ");
            }
            sb.Remove(sb.Length - 2, 2);
            sb.Append("]};");
            return sb.ToString();
        }

Как видно из приведенного выше кода, нам нужно иметь таблицу данных со столбцомвызванный Формат для генерации ключа f в JSON.Ниже приведен пример таблицы данных C # и вызова для создания JSON для API Google Chart: 

var dt = new DataTable();
dt.Columns.Add("Name", typeof (String)).Caption = "Name";
dt.Columns.Add("Format", typeof (String)).Caption = "Format";
dt.Columns.Add("Manager", typeof (String)).Caption = "Manager";
dt.Rows.Add("Mathias Florin","Mathias Florin<div style=color:red; font-style:italic><p style=font-size:0.7em>Technical Leader</p></div>","Christian Florin");
dt.Rows.Add("Christian Florin","Christian Florin<div style=color:red; font-style:italic><p style=font-size:0.7em>CEO</p></div>","Christian Florin");
Page.ClientScript.RegisterStartupScript(GetType(), "vis", string.Format("var fundata = {0}", GoogleOrgChartJson(dt)), true);

Дополнительные столбцы могут быть добавлены после столбца Manager и доступны в JavaScript в событии select.API диаграммы Google.

...