先開個專案來試試

首先先創建Window Form專案

chart元件

1.png

拉出chart元件後,點選chart,看右下方屬性的部份

我自己常用是這些功能,可以由右邊集合那點進去設定

2.png

  1. ChartAreas chart裡要分割成幾個圖表,你點近去後可以加入新的圖表
  2. Legends 類似一些標題啥的東東,也可以選擇要顯示哪些文字
  3. Series 也就是XY的點座標集合
  4. Titles 首先先設定Chart看看吧
  5. 先將ChartAreas加入一個新的ChartAreas2,此時還不會有圖跑出來
  6. Series也加入一個新的Series2
  7. 點選Series2後,選擇左邊參數設定ChartAreas選擇ChartAreas2,這樣就會有2張圖表了
  8. 3.png
  9. 在來選擇ChartType,可以選擇自己想要的種類,我們先將Series1,Series2都選成Spline(曲線)吧

  10. 4.png

  11. 可以從外觀去設定Series的樣式(如線寬,點的大小之類)

  12. 5.png

    6.png

  13. 拉出一個Button當作事件觸發,連點二下進入程式

  14. 8.png

  15. 寫一個簡單的迴圈來試試

for (int i =0;i<720;i++)

{

 chart1.Series[0].Points.AddXY(i, Math.Sin(i * 2 * Math.PI / 360));

 chart1.Series[1].Points.AddXY(i, Math.Cos(i * 2 * Math.PI / 360));

}

8.png

  1. for迴圈 啟始變數(int i=0) ; 停止條件(i<720) ; 變數動作(i++) <=每一次迴圈i都會加1
  2. Math.XXX <= 運算子

Math.Sin( 數字 ) <= 將數字選SIN值,其中單位為弧度

Math.PI = 3.14159XXXXX

  1. Chart1.Series[0].Point.AddXY(X座標,Y座標)
  2. chart1裡的Series第1個[0]增加資料點,位置是(X座標,Y座標) 大概是這樣 之後以序類推
  3. 如果不要記得死順序的話,也可以改成Series[“你自己取的名字”]
  1. 直接編譯看看結果如何

  2. 9.png

    10.png

  3. ,所以沒有圖表
  4. Button執行剛剛那斷迴圈

  5. 11.png

  6. Series1為SIN圖,下方Series2為COS圖
  7. 圖表還是很難看,因為很多東西都還沒有設定全是AUTO的
  8. ChartAreas選擇ChartArea1裡至軸(Axes)去做設定
  9. X軸就是I =0~720,我可以在這邊設定成間隔30就不會有醜醜的無邊框出現

  10. 13.png

  11. 12.png

  12. 裡面有很多很多東西可以修改,不過我也是懂個大概,有興趣自己可以多多摸索或著留個言一起討論,沒有不會寫程式的人,只有不想理解程式的人,多試就會找出來你想要的功能