Đỉnh NGUYỄN

life's a journey not a destination

New Microsoft Chart Controls for Web and Windows Forms Applications

Leave a comment


Giới thiệu

 

Microsoft phát hành chart control cho ứng dụng web và winform trên nền .NET. Nhìn sơ lược các đặc tính.

 

Yêu cầu

 

Các loại biểu đồ

  • Bar and columns;
  • Line;
  • Area;
  • Pie and Doughnut;
  • Point;
  • Range;
  • Circular;
  • Accumulation;
  • Data Distribution;
  • Financial;

Các loại nguồn dữ liệu hỗ trợ

  • XML Files;
  • Excel Files;
  • CSV Files;
  • Arrays;
  • IEnumerable objects;
  • Dataviews.

Hướng dẫn

 

Các ví dụ và tài liệu giúp bạn nhanh chóng nắm bắt về Microsoft Chart Controls, kéo thả chart control như những server control thông thường, thay đổi thuộc tính khi thiết kế (design time) và khi chạy chương trình (run time).

 

Namespace

 

System.Web.UI.DataVisualization.Charting

 

Các thuộc tính chính

  • ChartAreas: It is the area where a chart is plotted. Your chart may contain more than one chart areas that means you may plot more than one chart by render and you may even overlap charts;
  • Series: It is the data you may plot on your chart area;
  • ChartType: The chart type property is under the Series property and defines how your data series will be displayed on a chart area;
  • Axes: Defines properties for the X and Y axes like appearance and titles;
  • Palette: Defines the colors set for your chart;
  • Titles: Defines text that may be used to describe a chart, a axis or any other part of the chart;
  • Legends: Defines the legends that will display the data series information;
  • Labels: Defines text that may be displayed close to axis, points and custom labels.

Các ví dụ

 

Tạo Pie Chart đơn giản từ 2 mảng dữ liệu (array)

double[] yValues = { 10, 27.5, 7, 12, 45.5};
string[] xNames = { “Mike”, “John”, “William”, “George”, “Alex” };

myChart.Series[0].Points.DataBindXY(xNames, yValues);

 

Dùng đoạn mã trên, nhưng thay đổi Chart Type sẽ tạo ra kết quả khác

 

Các đặc tính khác

  • Image plot or binary streaming rendering;
  • Allows a very complex set of data to be plotted;
  • 3D visualization control (perspective, angle, rotation);
  • Events to give even more control over how to plot data, custom images, post plot actions and a click event;
  • May be used in conjunction with Ajax to create real time charts, use charts as trigger to load data;
  • Drill down chart with preview;
  • Image map selection;
  • Custom animated tooltips;
  • Capture of mouse events.

Nếu muốn tìm hiểu sâu hơn, xem trong tài liệu, 200 ví dụ trong samples, hoặc tham gia Chart Forum.

 

Tác giả: Cirilo Meggiolaro (Canada)

Advertisements

Author: dinhnn

Senior software developer, a technical leader. You can be reached at via email to dinhnguyenngoc@gmail.com, via my blog at dinhnguyenngoc.wordpress.com, and on Twitter @dinhnguyenngoc.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s