C# Chart折線圖使用鼠標(biāo)滾輪放大、縮小和平移曲線方式
Chart折線圖使用鼠標(biāo)滾輪放大、縮小和平移曲線
使用鼠標(biāo)滾輪滾動(dòng)放大和縮小X軸的寬度,鼠標(biāo)左鍵按住拖動(dòng)實(shí)現(xiàn)曲線的左右平移,不再使用滾動(dòng)條。
添加鼠標(biāo)滾輪事件
在chart控件自帶的鼠標(biāo)事件中并沒有鼠標(biāo)的滾輪事件,因此需要手動(dòng)添加一下,在窗體的Designer.cs文件下的InitializeComponent()函數(shù)中添加如下代碼
this.chart1.MouseWheel += new System.Windows.Forms.MouseEventHandler(this.chart1_MouseWheel);
實(shí)現(xiàn)鼠標(biāo)滾輪事件
private void chart1_MouseWheel(object sender, MouseEventArgs e) { // 實(shí)驗(yàn)發(fā)現(xiàn)鼠標(biāo)滾輪滾動(dòng)一圈時(shí)e.Delta = 120,正反轉(zhuǎn)對(duì)應(yīng)正負(fù)120 if (chart1.ChartAreas[0].AxisX.ScaleView.Size > 0) // 防止越過左邊界 { chart1.ChartAreas[0].AxisX.ScaleView.Size += (e.Delta / 120); // 每次縮放1 } else if(e.Delta > 0) { chart1.ChartAreas[0].AxisX.ScaleView.Size += (e.Delta / 120); // 每次縮放1 } }
上述方法即可實(shí)現(xiàn)鼠標(biāo)滾輪滾動(dòng)完成曲線的縮放功能,下面實(shí)現(xiàn)鼠標(biāo)按鍵按住左右拖動(dòng)實(shí)現(xiàn)曲線的左右平移。
初始化有關(guān)參數(shù)
// 定義兩個(gè)全局變量 public bool isMouseDown = false; public int lastMove = 0; // 用于記錄鼠標(biāo)上次移動(dòng)的點(diǎn),用于判斷是左移還是右移 // 初始化ScaleView,可根據(jù)首次出現(xiàn)在chart中的數(shù)據(jù)點(diǎn)數(shù)修改合適的值 chart1.ChartAreas[0].AxisX.ScaleView.Size = 5; // 設(shè)置不顯示chart自帶的滾動(dòng)條 chart1.ChartAreas[0].AxisX.ScrollBar.Enabled = false; chart1.ChartAreas[0].AxisY.ScrollBar.Enabled = false; // 注意不要開啟X軸游標(biāo),默認(rèn)不開啟,如下設(shè)置false或者不設(shè)置下列參數(shù) chart1.ChartAreas[0].CursorX.IsUserEnabled = false; chart1.ChartAreas[0].CursorX.AutoScroll = false; chart1.ChartAreas[0].CursorX.IsUserSelectionEnabled = false;
添加鼠標(biāo)按下、彈起和移動(dòng)事件
上述事件在chart控件中均自帶,直接添加即可,事件代碼如下:
// 鼠標(biāo)按下事件 private void chart1_MouseDown(object sender, MouseEventArgs e) { lastMove = 0; isMouseDown = true; } // 鼠標(biāo)彈起事件 private void chart1_MouseUp(object sender, MouseEventArgs e) { isMouseDown = false; } // 鼠標(biāo)移動(dòng)事件 private void chart1_MouseMove(object sender, MouseEventArgs e) { if (isMouseDown) { // 可更改(交換)如下加減1或if條件來設(shè)置鼠標(biāo)移動(dòng)時(shí)曲線移動(dòng)方向 if(lastMove != 0 && e.X - lastMove > 0) chart1.ChartAreas[0].AxisX.ScaleView.Position += 1; // 每次移動(dòng)1 else if(lastMove != 0 && e.X - lastMove < 0) chart1.ChartAreas[0].AxisX.ScaleView.Position -= 1; // 每次移動(dòng)1 lastMove = e.X; } }
最終效果如下,圖片前面黑呼呼的為控制臺(tái)輸出,似乎有點(diǎn)看不清(可忽略),可觀察到鼠標(biāo)滾輪的變化。
如何使用Chart圖表
Chart控件可以用來繪制波形圖、柱狀圖、餅圖、折線圖等,用來進(jìn)行數(shù)據(jù)表現(xiàn)是很不錯(cuò)的,現(xiàn)在簡(jiǎn)單說一下這個(gè)控件的使用方法
效果圖
我們首先要加載Chart控件
然后打開控件的屬性窗口
在這個(gè)窗口里面我們可以修改曲線的名稱,名稱在【數(shù)據(jù)》Name】里面修改
講一下屬性窗口里面我們用到的幾個(gè)選項(xiàng)的作用吧
數(shù)據(jù)
XValueType是X軸的數(shù)據(jù)類型,Y同理,這里我們選Time,可以隨時(shí)間改變
圖表
ChartType是圖表的類型,我們可以選出我們想要用的類型,這里選曲線
外觀
Color可以選擇曲線的顏色,這里我選了紅色
左邊的成員 框,是我們要顯示的曲線,可以添加多個(gè)
其他屬性如果有需要自行修改,修改好之后確定,回到窗口設(shè)計(jì)界面
在工具箱添加Timer
在Timer的事件窗口雙擊時(shí)鐘事件
代碼如下,請(qǐng)自行對(duì)照填到對(duì)應(yīng)的事件里面去
public partial class Form1 : Form { int cnt = 0; public Form1() { InitializeComponent(); } private void Form1_Load(object sender, EventArgs e) { timer1.Enabled = true; } private void timer1_Tick(object sender, EventArgs e) { chart1.Series[0].Points.AddY(cnt*cnt); label1.Text = cnt.ToString(); cnt++; } private void chart1_Click(object sender, EventArgs e) { } }
cnt是個(gè)自變量,曲線顯示的是cnt為底的2次指數(shù)曲線
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
WinForm實(shí)現(xiàn)攔截窗體上各個(gè)部位的點(diǎn)擊特效實(shí)例
這篇文章主要介紹了WinForm實(shí)現(xiàn)攔截窗體上各個(gè)部位的點(diǎn)擊特效實(shí)例,對(duì)窗體上各個(gè)部位進(jìn)行定義,從而實(shí)現(xiàn)了點(diǎn)擊特效,需要的朋友可以參考下2014-09-09C#調(diào)用C動(dòng)態(tài)鏈接庫的實(shí)現(xiàn)
動(dòng)態(tài)鏈接庫是不能直接執(zhí)行的,也不能接收消息,它只是一個(gè)獨(dú)立的文件,本文主要介紹了C#調(diào)用C動(dòng)態(tài)鏈接庫的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01HttpWebRequest出錯(cuò).Section=ResponseHeader Detail=CR
HttpWebRequest出錯(cuò).Section=ResponseHeader Detail=CR...2007-03-03