How To Use the PivotTable Office Web Component with VB (转载自微软)

原创 2004年07月21日 10:39:00


How To Use the Chart Web Component with Visual Basic

This article was previously published under Q235885


This article provides an overview of how you can use the Office Chart Web Component on a Visual Basic form to visualize related data. More specifically, the code in this article illustrates by example how to do the following:
  • Use array data for a chart.
  • Use an ADO recordset for chart data.
  • Use spreadsheet data for a chart.
  • Create multiple charts in a single chartspace.
  • Create a combination chart.-and-

  • Format different chart components such as axes, datalabels, series, plotareas and more.


Steps to Create Sample

  1. Start a new Standard EXE project in Visual Basic. Form1 is created by default.
  2. Click Components on the Project menu. Select Microsoft Office Web Components 9.0 and click OK.
  3. Add the following controls to the form with the properties indicated:

    Type Name Caption
    ChartSpace ChartSpace1 -
    DataSourceControl DataSourceControl1 -
    CommandButton Command1 Use Arrays
    CommandButton Command2 Use ADO Recordset
    CommandButton Command3 Use Spreadsheet

    NOTE: Size the ChartSpace control on your form so that it takes up as much of the form as possible while still allowing for the other controls on the form.
  4. Add the following code to the module of Form1:
    Private Sub Command1_Click() 'Create arrays for the x-values and the y-values Dim xValues As Variant, yValues1 As Variant, yValues2 As Variant xValues = Array("Beverages", "Condiments", "Confections", _ "Dairy Products", "Grains & Cereals", _ "Meat & Poultry", "Produce", "Seafood") yValues1 = Array(104737, 50952, 78128, 117797, 52902, 80160, 47491, _ 62435) yValues2 = Array(20000, 15000, 36000, 56000, 40000, 18000, 20000, _ 33000) 'Create a new chart Dim oChart As WCChart ChartSpace1.Clear ChartSpace1.Refresh Set oChart = ChartSpace1.Charts.Add 'Add a title to the chart oChart.HasTitle = True oChart.Title.Caption = "Sales Per Category" 'Add a series to the chart with the x-values and y-values 'from the arrays and set the series type to a column chart Dim oSeries As WCSeries Set oSeries = oChart.SeriesCollection.Add With oSeries .Caption = "1995" .SetData chDimCategories, chDataLiteral, xValues .SetData chDimValues, chDataLiteral, yValues1 .Type = chChartTypeColumnClustered End With 'Add another series to the chart with the x-values and y-values 'from the arrays and set the series type to a line chart Set oSeries = oChart.SeriesCollection.Add With oSeries .Caption = "1996" .SetData chDimCategories, chDataLiteral, xValues .SetData chDimValues, chDataLiteral, yValues2 .Type = chChartTypeLineMarkers End With 'Add a value axis to the right of the chart for the second series oChart.Axes.Add oChart.Axes(chAxisPositionLeft).Scaling, _ chAxisPositionRight, chValueAxis 'Format the Value Axes oChart.Axes(chAxisPositionLeft).NumberFormat = "$#,##0" oChart.Axes(chAxisPositionRight).NumberFormat = "0" oChart.Axes(chAxisPositionLeft).MajorUnit = 20000 oChart.Axes(chAxisPositionRight).MajorUnit = 20000 'Show the legend at the bottom of the chart oChart.HasLegend = True oChart.Legend.Position = chLegendPositionBottom End Sub Private Sub Command2_Click() 'Set up the DataSourceControl for the Chartspace Dim rsd As RecordsetDef DataSourceControl1.ConnectionString = _ "DRIVER={Microsoft Access Driver (*.mdb)}; " & _ "DBQ=C:/Program Files/Microsoft Visual Studio/VB98/nwind.mdb" Set rsd = DataSourceControl1.RecordsetDefs.AddNew( _ "Select * from [Category Sales for 1995]", 3) With ChartSpace1 .Clear .Refresh .DataSource = DataSourceControl1 .DataMember = rsd.Name End With 'This Chartspace will contain 2 charts. Make the layout so that the 'charts are positioned horizontally ChartSpace1.ChartLayout = chChartLayoutHorizontal 'Create a new bar chart from the query Dim oBarChart As WCChart Set oBarChart = ChartSpace1.Charts.Add With oBarChart .Type = chChartTypeBarClustered .SetData chDimCategories, 0, 0 'Categories are first field .SetData chDimValues, 0, 1 'Values are second field 'Format the value axis for the bar chart so that it 'shows values in thousands (i.e., 45000 displays as 45) and 'in increments of 25000. Remove the gridlines With .Axes(chAxisPositionBottom) .NumberFormat = "0," .MajorUnit = 25000 .HasMajorGridlines = False End With 'Change the color of the series and the plot area .SeriesCollection(0).Interior.Color = RGB(150, 0, 150) .PlotArea.Interior.Color = RGB(240, 240, 10) End With 'Create a new exploded pie chart from the query Dim oPieChart As WCChart Set oPieChart = ChartSpace1.Charts.Add With oPieChart .Type = chChartTypePie .SetData chDimCategories, 0, 0 'Categories are first field .SetData chDimValues, 0, 1 'Values are second field .SeriesCollection(0).Explosion = 20 'Add a legend to the bottom of the pie chart .HasLegend = True .Legend.Position = chLegendPositionBottom 'Add a title to the chart .HasTitle = True .Title.Caption = "Sales by Category for 1995" .Title.Font.Bold = True .Title.Font.Size = 11 'Make the chart width 50% the size of the bar chart's width .WidthRatio = 50 'Show data labels on the slices as percentages With .SeriesCollection(0).DataLabelsCollection.Add .HasValue = False .HasPercentage = True .Font.Size = 8 .Interior.Color = RGB(255, 255, 255) End With End With End Sub Private Sub Command3_Click() 'Dynamically add a spreadsheet control to the form Dim oSheet As Spreadsheet Me.Controls.Add "OWC.Spreadsheet", "Sheet" Set oSheet = Me!Sheet 'Fill the Sheet with data With oSheet .Range("A1:A10").Formula = "=Row()" .Range("B1:B10").Formula = "=A1^2" .Range("A12").Formula = "=Max(A1:A10)" .Range("B12").Formula = "=Max(B1:B10)" End With 'Create an xy-scatter chart using the data in the spreadsheet Dim oChart As WCChart With ChartSpace1 .Clear .Refresh .DataSource = oSheet.object Set oChart = .Charts.Add oChart.Type = chChartTypeScatterSmoothLineMarkers oChart.SetData chDimXValues, 0, "a1:a10" oChart.SetData chDimYValues, 0, "b1:b10" End With With oChart 'Display the Axes Titles and 'set the major units for the axes With .Axes(chAxisPositionBottom) .HasTitle = True .Title.Caption = "X" .Title.Font.Size = 8 .MajorUnit = 1 End With With .Axes(chAxisPositionLeft) .HasTitle = True .Title.Caption = "X Squared" .Title.Font.Size = 8 .MajorUnit = 10 End With 'Set the maximum and minimum axis values .Scalings(chDimXValues).Maximum = oSheet.Range("A12").Value .Scalings(chDimXValues).Minimum = 1 .Scalings(chDimYValues).Maximum = oSheet.Range("B12").Value 'Change the marker and line styles for the series With .SeriesCollection(0) .Marker.Style = chMarkerStyleDot .Marker.Size = 6 .Line.Weight = 1 .Line.Color = RGB(255, 0, 0) End With End With 'Remove the spreadsheet Me.Controls.Remove "Sheet" End Sub 
    NOTE: You might need to modify the connection string in the Command2_Click event so that it correctly refers to the path of NWIND.MDB, which is installed to the Visual Basic directory by default:
     DataSourceControl1.ConnectionString = _ "DRIVER={Microsoft Access Driver (*.mdb)}; " & _ "DBQ=C:/Program Files/Microsoft Visual Studio/VB98/nwind.mdb" 
  5. Click Properties on the Project menu. Select the Make tab, deselect Remove Information about Unused ActiveX Controls and click OK.
  6. Press the F5 key to run the program.
  7. Click the Use Arrays button. A combination chart with two value axes is created. The chart uses data from arrays.
  8. Click the Use ADO Recordset button. Two charts are created in the Chartspace; a bar chart and an exploded pie chart with data labels. The Chartspace uses a DataSourceControl for its data and the DataSourceControl references an Access database through an ADO connection.
  9. Click the Use Spreadsheet button. A scatter chart is created that uses a Spreadsheet control with formulas in the cells as its data. The Spreadsheet control is dynamically added and removed at run time.

The information in this article applies to:

  • Microsoft Office Chart Component 9.0, run time
Last Reviewed: 7/13/2004 (1.1)
Keywords: kbhowto KB235885


Web 组件和控件(Office Web Component)

  • chiefsailor
  • chiefsailor
  • 2007-05-18 16:12:00
  • 2756

利用office web component打造精品图表(一)

  • online
  • online
  • 2003-12-22 09:54:00
  • 2636

调用office component解决了

在web.config中加入 reference to
  • orichisonic
  • orichisonic
  • 2006-07-26 09:54:00
  • 743

Edraw Office Viewer component教程(一):将Microsoft Word嵌入VB.NET并使之自动化

Edraw office viewer component对于开发人员来说是一个将Microsoft Word文档嵌入到vb.net应用程序中的简单可靠的解决方案。   在VB.Net应用...
  • Harriet666
  • Harriet666
  • 2017-05-09 16:00:32
  • 453


  • 2009年09月22日 20:47
  • 6.6MB
  • 下载

How to use VB6.0's Event.

Creat a new class named Class1, its codes like this:Public Event MyEvent()Public Sub RaiseTheEvent()...
  • xinbin1122
  • xinbin1122
  • 2005-12-21 15:23:00
  • 818

Office Web Components-MSOWC组件

  • 2010年01月04日 20:52
  • 2.89MB
  • 下载

微软OCR控件 vb 调用 modi

  • 2010年08月16日 23:54
  • 1KB
  • 下载

VB 、VBA 、VSTO----关于office二次开发

****什么是二次开发?    一般的来说,一些大公司如IBM、MS开发了一个大型的软件系统平台,根据不同的客户的需要,一些其它的中小公司为客户根据需求在该平台上进行第二次有针对性的开发,这被统称为二...
  • liujiaqiid
  • liujiaqiid
  • 2009-09-28 10:19:00
  • 4015

利用office web component打造精品图表(二) 选择自 online 的 Blog

OWC介绍:Microsoft Office 2000中包含有一组称为OWC的新控件集合。利用这些组件,可以在WEB浏览器以及其他传统的编程环境下创建许多有用的数据分析解决方案与报表生成解决方案。Of...
  • galaxywaif
  • galaxywaif
  • 2005-02-06 22:46:00
  • 549
您举报文章:How To Use the PivotTable Office Web Component with VB (转载自微软)