C# Chart折線(xiàn)圖使用鼠標(biāo)滾輪放大、縮小和平移曲線(xiàn)方式
Chart折線(xiàn)圖使用鼠標(biāo)滾輪放大、縮小和平移曲線(xiàn)
使用鼠標(biāo)滾輪滾動(dòng)放大和縮小X軸的寬度,鼠標(biāo)左鍵按住拖動(dòng)實(shí)現(xiàn)曲線(xiàn)的左右平移,不再使用滾動(dòng)條。
添加鼠標(biāo)滾輪事件
在chart控件自帶的鼠標(biāo)事件中并沒(méi)有鼠標(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) // 防止越過(guò)左邊界
{
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)完成曲線(xiàn)的縮放功能,下面實(shí)現(xiàn)鼠標(biāo)按鍵按住左右拖動(dòng)實(shí)現(xiàn)曲線(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; // 注意不要開(kāi)啟X軸游標(biāo),默認(rèn)不開(kāi)啟,如下設(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條件來(lái)設(shè)置鼠標(biāo)移動(dòng)時(shí)曲線(xiàn)移動(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)看不清(可忽略),可觀(guān)察到鼠標(biāo)滾輪的變化。

如何使用Chart圖表
Chart控件可以用來(lái)繪制波形圖、柱狀圖、餅圖、折線(xiàn)圖等,用來(lái)進(jìn)行數(shù)據(jù)表現(xiàn)是很不錯(cuò)的,現(xiàn)在簡(jiǎn)單說(shuō)一下這個(gè)控件的使用方法
效果圖

我們首先要加載Chart控件

然后打開(kāi)控件的屬性窗口


在這個(gè)窗口里面我們可以修改曲線(xiàn)的名稱(chēng),名稱(chēng)在【數(shù)據(jù)》Name】里面修改
講一下屬性窗口里面我們用到的幾個(gè)選項(xiàng)的作用吧
數(shù)據(jù)
XValueType是X軸的數(shù)據(jù)類(lèi)型,Y同理,這里我們選Time,可以隨時(shí)間改變
圖表
ChartType是圖表的類(lèi)型,我們可以選出我們想要用的類(lèi)型,這里選曲線(xiàn)

外觀(guān)
Color可以選擇曲線(xiàn)的顏色,這里我選了紅色
左邊的成員 框,是我們要顯示的曲線(xiàn),可以添加多個(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è)自變量,曲線(xiàn)顯示的是cnt為底的2次指數(shù)曲線(xiàn)
以上為個(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-09
C#調(diào)用C動(dòng)態(tài)鏈接庫(kù)的實(shí)現(xiàn)
動(dòng)態(tài)鏈接庫(kù)是不能直接執(zhí)行的,也不能接收消息,它只是一個(gè)獨(dú)立的文件,本文主要介紹了C#調(diào)用C動(dòng)態(tài)鏈接庫(kù)的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
HttpWebRequest出錯(cuò).Section=ResponseHeader Detail=CR
HttpWebRequest出錯(cuò).Section=ResponseHeader Detail=CR...2007-03-03

