Microsoft Excel में ग्राफ़िक्स निर्यात करें

शुभ दिन, प्रिय खाबरोवचेन।

मैं एक शुरुआती SharePoint डेवलपर हूं, और आज मैं एक दिलचस्प समस्या को हल करने के बारे में बात करना चाहूंगा। SharePoint के लिए एक वेब पार्ट बनाना आवश्यक था, जिसमें डेटा के साथ एक टेबल को संसाधित करना चाहिए, स्क्रीन पर एक ग्राफ़ प्रदर्शित करना चाहिए, और Microsoft Excel में तालिका और ग्राफ़ को निर्यात करने में भी सक्षम होना चाहिए। कैट के तहत, मेरा समाधान, वेब पार्ट कोड के स्निपेट और प्रोजेक्ट का लिंक।

सैद्धांतिक समाधान

1. पेज पर रेखांकन।

यह एमएस चार्ट कंट्रोल का उपयोग करके सबसे आसानी से किया जाता है। यह प्रक्रिया अपने आप में काफी सरल है (हालांकि, निश्चित रूप से, आपके द्वारा निर्धारित कार्यक्रम के प्रकार पर निर्भर करता है)। एकमात्र आवश्यकता: तालिका में पहला स्तंभ ग्राफ में एक्स अक्ष के लिए मान है।

2. एक्सेल में एक तालिका निर्यात करें

निर्यात के कुछ तरीके हैं, लेकिन मैंने सबसे सरल (मेरी राय में) उपयोग करने का फैसला किया है। जैसा कि आप जानते हैं, Office 2007/2010 .docx, .xlsx, pptx फ़ाइलों के लिए ओपन XML फॉर्मेट का उपयोग करता है, यानी ये फाइलें XML फाइलों के साथ एक साधारण ज़िप संग्रह हैं। ज़िप अभिलेखागार के साथ काम करना सरल है, और इस तरह आप डेटा को सीधे XML फ़ाइलों में लिख सकते हैं।
हालांकि, यह पता चला है कि कॉलम नामों के साथ एक लेबल लिखना इतना आसान नहीं था। एक्सेल शीट 1.xml को सीधे डिजिटल फील्ड्स लिखता है, और टेक्स्ट फील्ड्स को shareStrings.xml पर लिखता है, और केवल उनसे लिंक शीट1.xml पर जाता है। सौभाग्य से, मुझे एक अद्भुत परियोजना मिली जो एक xlsx फ़ाइल पर पाठ मान लिखने वाली सामग्री को लागू करती है।

3. एक्सेल में एक ग्राफ निर्यात करना

स्वाभाविक रूप से, बस एक चार्ट के साथ एक तस्वीर डालने से काम नहीं चलेगा, यह एक वास्तविक एक्सेल चार्ट होना चाहिए। Google ने मुझे कुछ भी सार्थक नहीं बताया - या तो यह फिट नहीं है, या यह बहुत मुश्किल है। एक्सेल में ग्राफ़ के साथ थोड़ा काम करने के बाद, मैंने एक दिलचस्प विशेषता देखी - यदि आप डेटा क्षेत्र सेट करते हैं जिसमें से ग्राफ़ मान लेगा, और फिर सेल वैल्यू को बदल देगा, तो ग्राफ अपने आप बदल जाता है। विचार अपने आप आया - एक ग्राफ के साथ एक खाली फ़ाइल बनाने के लिए, फिर उस पर एक तालिका लिखें, फिर XML संपादन का उपयोग करके ग्राफ़ के लिए डेटा क्षेत्र भी निर्दिष्ट करें (इस परियोजना में मेरे पास एक गतिशील तालिका थी, इसलिए आकार कोड में गणना की गई थी)।

व्यावहारिक समाधान

उदाहरण के लिए, मैंने एक टैबलेट, दो बटन और एक ग्राफ के साथ एक सरल वेब भाग बनाने का फैसला किया (यह शुरू में छिपा हुआ है)। चूंकि हमें टेबल कॉलम के नामों को निर्यात करने की आवश्यकता होगी, इसलिए हमें उन्हें पहली पंक्ति में दर्ज करना होगा, और ShowHeader को अक्षम करना होगा।

DataTable dt = new DataTable(); protected void Page_Load(object sender, EventArgs e) { for (int i = 0; i < 4;i++ ) dt.Columns.Add(); dt.Rows.Add(new string[] { " ", "", "", "" }); dt.Rows.Add(new string[] { "1", "17", "5", "8" }); dt.Rows.Add(new string[] { "2", "18", "4", "10" }); dt.Rows.Add(new string[] { "3", "15", "6", "9" }); dt.Rows.Add(new string[] { "4", "19", "7", "10" }); dt.Rows.Add(new string[] { "5", "13", "4", "7" }); GridView1.DataSource = dt; GridView1.DataBind(); GridView1.Width = 300; GridView1.ShowHeader = false; } 

अब हम ग्राफ खींचते हैं। हम ध्यान में रखते हैं कि डेटा 2 पंक्ति से शुरू होता है, और एक्स अक्ष के लिए 1 कॉलम मान है।

  Series[] series = new Series[dt.Columns.Count - 1]; for (int i = 0; i < series.Length; i++) { series[i] = new Series(dt.Columns[i + 1].ColumnName); series[i].ChartType = SeriesChartType.Column; for (int k = 1; k < dt.Rows.Count; k++) series[i].Points.AddXY((double.Parse((string)dt.Rows[k][0])), double.Parse((string)dt.Rows[k][i + 1])); Chart1.Series.Add(series[i]); } ChartArea chartArea = new ChartArea(); chartArea.AxisX.Minimum = double.Parse(dt.Rows[1][0].ToString()); chartArea.AxisX.Maximum = double.Parse(dt.Rows[dt.Rows.Count - 1][0].ToString()); Chart1.ChartAreas.Add(chartArea); Chart1.Width = 300; Chart1.Visible = true; 

चलो निर्यात शुरू करते हैं। पहली चीज जो आपको चाहिए वह एक टेम्पलेट (चार्ट के साथ एक खाली फ़ाइल) है। हम Excel में एक नई कार्यपुस्तिका बनाते हैं, ग्राफ़ सम्मिलित करते हैं, डेटा क्षेत्रों को इंगित करते हैं। बचाओ, बंद करो। आप इसे सीधे xml के माध्यम से थोड़ा संपादित कर सकते हैं - कैश्ड मानों को हटा दें, यदि तालिका एक निश्चित आकार नहीं है - तो आप अपने नंबर को डेटा क्षेत्रों के रूप में स्थानापन्न कर सकते हैं (मैंने धोखा दिया - तो मैं बस इन नंबरों को आवश्यक लोगों के साथ प्रतिस्थापित कर देता हूं)। टेम्पलेट को Sharepoint नोड के रूट फ़ोल्डर में अपलोड किया जाना चाहिए।
उपर्युक्त परियोजना का उपयोग करते हुए, हम इसे अपने उद्देश्यों के लिए अंतिम रूप दे रहे हैं - पहले हम तालिका की पहली पंक्ति (स्तंभ नाम) की एक प्रति बनाएंगे। हैशटेबल का उपयोग करते हुए, इस टेक्स्ट डेटा के लिंक बनाएं और डेटा को स्वयं ही साझा करें।

 public static ArrayList CreateStringTables(DataTable data, out Hashtable lookupTable) { ArrayList stringTable = new ArrayList(); lookupTable = new Hashtable(); foreach (DataRow row in data.Rows) foreach (DataColumn column in data.Columns) if (column.DataType == typeof(string)) { string val = (string)row[column]; if (!lookupTable.Contains(val)) { lookupTable.Add(val, stringTable.Count); stringTable.Add(val); } } return stringTable; } public static void WriteStringTable(Stream output, ArrayList stringTable) { using (XmlTextWriter writer = new XmlTextWriter(output, Encoding.UTF8)) { writer.WriteStartDocument(true); writer.WriteRaw("<sst xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\" count=\"" + stringTable.Count.ToString() + "\" uniqueCount=\"" + stringTable.Count.ToString() + "\">"); foreach (string str in stringTable) { writer.WriteRaw("<si><t>" + str + "</t></si>"); } writer.WriteRaw("</sst>"); } } 

अब हम डेटा टेबल को xml-code में बदल देंगे, साथ ही टेक्स्ट डेटा के लिंक भी डालेंगे। हम सब कुछ sheet1.xml फ़ाइल में लिखते हैं।

 public static void WriteWorksheetData(XmlTextWriter writer, DataTable dt, Hashtable lookupTable) { int rowsCount = dt.Rows.Count; int columnsCount = dt.Columns.Count; string relPos = RowIndexToName(0); writer.WriteRaw("<row r=\"" + relPos + "\" spans=\"1:" + columnsCount.ToString()+"\">"); for (int column = 0; column < columnsCount; column++) { relPos = RowColumnToPosition(0, column); writer.WriteRaw("<cr=\"" + relPos + "\" t=\"s\">"); string val = lookupTable[dt.Rows[0][column]].ToString(); writer.WriteRaw("<v>" + val + "</v>"); writer.WriteRaw("</c>"); } writer.WriteRaw("</row>"); for (int row = 1; row < rowsCount; row++) { relPos = RowIndexToName(row); writer.WriteRaw("<row r=\"" + relPos + "\" spans=\"1:" + columnsCount.ToString() + "\">"); for (int column = 0; column < columnsCount; column++) { relPos = RowColumnToPosition(row, column); writer.WriteRaw("<cr=\"" + relPos + "\">"); string val = dt.Rows[row][column].ToString(); writer.WriteRaw("<v>" + val + "</v>"); writer.WriteRaw("</c>"); } writer.WriteRaw("</row>"); } } public static void WriteWorksheet(Stream output, DataTable dt, Hashtable lookupTable) { using (XmlTextWriter writer = new XmlTextWriter(output, Encoding.UTF8)) { writer.WriteStartDocument(true); writer.WriteRaw("<worksheet xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\">"); string lastCell = RowColumnToPosition(dt.Rows.Count - 1, dt.Columns.Count - 1); writer.WriteRaw("<dimension ref=\"A1:" + lastCell + "\" />"); writer.WriteRaw("<sheetViews>"); writer.WriteRaw("<sheetView tabSelected=\"1\" workbookViewId=\"0\" />"); writer.WriteRaw("</sheetViews>"); writer.WriteRaw("<sheetFormatPr defaultRowHeight=\"15\" />"); writer.WriteRaw("<sheetData>"); WriteWorksheetData(writer, dt, lookupTable); writer.WriteRaw("</sheetData>"); writer.WriteRaw("<pageMargins left=\"0.7\" right=\"0.7\" top=\"0.75\" bottom=\"0.75\" header=\"0.3\" footer=\"0.3\" />"); writer.WriteRaw("<drawing r:id=\"rId1\" />"); writer.WriteRaw("</worksheet>"); } } 

यह डेटा क्षेत्र को बदलने के लिए याद करने के लिए बनी हुई है। चूंकि प्रारंभिक परियोजना में मेरे पास पांच से अधिक कॉलम नहीं हो सकते थे - मैंने पांच कॉलम के साथ एक टेम्पलेट बनाया, और फिर अतिरिक्त लोगों को हटा दिया। पंक्तियों की संख्या की गणना केवल तालिका से की जाती है।

 public static void FieldEdit(Stream xmlFile, int rowsCount, int columnsCount) { XmlDocument document = new XmlDocument(); document.Load(xmlFile); XmlNodeList xmlColumns = document.GetElementsByTagName("c:ser"); XmlNode xmlChart = xmlColumns[0].ParentNode; for (int i = xmlColumns.Count - 1; i > columnsCount - 2; i--) xmlColumns[i].ParentNode.RemoveChild(xmlColumns[i]); XmlNodeList xmlRows = document.GetElementsByTagName("c:f"); for (int i = 0; i < xmlRows.Count; i++) xmlRows[i].InnerText = xmlRows[i].InnerText.Replace("15", rowsCount.ToString()); MemoryStream ms = new MemoryStream(); document.Save(ms); xmlFile.SetLength(ms.Length); xmlFile.Position = 0; document.Save(xmlFile); ms.Close(); } 

और अब हमारी फाइल तैयार है! हम इसे HttpContext.Current.Response का उपयोग करके सहेजने / लोड करने के लिए उपयोगकर्ता को देते हैं।

 public static void SendContent(byte[] fileContent, string outFileName) { HttpContext.Current.Response.ClearContent(); HttpContext.Current.Response.AddHeader("Content-Type", "application/force-download"); HttpContext.Current.Response.AddHeader("Content-Disposition", String.Format("attachment; filename={0}", outFileName.Replace(" ", "_"))); HttpContext.Current.Response.AddHeader("Content-Length", fileContent.Length.ToString()); HttpContext.Current.Response.OutputStream.Write(fileContent, 0, fileContent.Length); HttpContext.Current.Response.OutputStream.Flush(); HttpContext.Current.Response.OutputStream.Close(); HttpContext.Current.Response.Flush(); HttpContext.Current.ApplicationInstance.CompleteRequest(); } 

मैंने पूरे कोड को यहां प्रकाशित नहीं किया है - यह बहुत बड़ा है, और पूरी परियोजना (विस्तृत टिप्पणियों और एक खाली टेम्पलेट के साथ) यहां डाउनलोड की जा सकती है ।

टिप्पणी:

• प्रारंभ में, परियोजना को VS2008 में SP2007 के लिए बनाया गया था, और विशेष रूप से हैबर के लिए 2010 में पोर्ट किया गया था। इसलिए, 2010 संस्करण की सभी विशेषताओं का उपयोग नहीं किया जाता है।
• कोड को एक उदाहरण के रूप में लिखा गया है, जितना संभव हो उतना सरल, बिना अनावश्यक (इस मामले में) ट्राइ-कैच, आदि। मुख्य बात यह थी कि विचार दिखाना, कार्यान्वयन नहीं।
• इस पद्धति का उपयोग न केवल SharePoint के साथ किया जा सकता है, बल्कि यह एक्सेल के साथ सबसे आम बंडल है।
• मैं सिर्फ अध्ययन कर रहा हूं, इसलिए मैं आपकी गलतियों पर आपकी सलाह और मार्गदर्शन सुनकर खुश होऊंगा।

आपका ध्यान देने के लिए धन्यवाद।