在一張靜態圖中如何顯示點的動態資訊（C#+Delphi）

最後更新：2018-12-04 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

在一張靜態圖中如何顯示點的動態資訊（C#+Delphi）

在業務上由於需要對一張靜態圖中的某個元素進入分析，比如想知道某個點的座標值（移動滑鼠到該點上能夠顯示相關值），以及其背後的相關資料來源（在該點上單擊滑鼠，可以開啟新視窗，顯示更多的相關資料）。於是考慮在產生這張固定大小圖的同時，把相應的點資訊的絕對座標值也一併記錄下來，再利用html中的map功能，就可以實現在一張靜態圖中顯示點的動態資訊。

分為三步實現：1 產生圖中點的絕對座標值（Delphi中完成），2 產生圖片，關聯座標值及點的單擊事件（Delphi中完成），3 響應點的單擊事件（C#）

1 產生圖中點的絕對座標值（Delphi中完成）
得到TChart圖片上熱點的絕對座標值，關鍵代碼如下：

procedure TSVGExportForm.Button22Click(Sender: TObject);
var
  temps1: string;
  i,x,y: integer;
begin
  temps1 := ' <img id="aaa" src="test.bmp" usemap="#map1" >   ' ;
  temps1:=temps1 + '<map name="map1">';
  for i:=0 to chart1.Series[0].Count-1 do
  begin
    x:=chart1.Series[0].CalcXPos(i);
    y:=chart1.Series[0].CalcYPos(i);
    temps1:=temps1+'<area href='+'/page4?1='+
                         '&2='+chart1.Series[0].XLabel[i]+'" target="_blank"'+
                         ' shape="circle" coords="'+inttostr(X)+','+inttostr(Y)+',2" '+
                         'alt="'+chart1.Series[0].XLabel[i]+','+Format('%12.4f', [chart1.Series[0].YValue[i]])+'>';
  end;
  temps1:=temps1+'</map>';
end;

2 產生圖片，關聯座標值及點的單擊事件（Delphi中完成）
把上述的圖片和熱點資訊儲存下來，存成html檔案。圖片檔案名稱為：test.bmp，共有9個點，形式如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.3132" name=GENERATOR></HEAD>
<BODY>

</BODY>

</HTML>

3 響應點的單擊事件（C#）
ShowDialog即可

這是：

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

在一張靜態圖中如何顯示點的動態資訊（C#+Delphi）

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support